vxe-pc-ui 0.1.0 → 0.2.0
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 +7 -0
- package/es/anchor/src/anchor-link.js +2 -2
- package/es/anchor/src/util.js +1 -1
- package/es/checkbox/src/checkbox.js +3 -3
- package/es/checkbox/src/group.js +3 -3
- package/es/components.js +6 -0
- package/es/form/src/form-config-item.js +1 -1
- package/es/form/src/form-gather.js +1 -1
- package/es/form/src/form-item.js +4 -4
- package/es/form/src/form.js +3 -3
- package/es/input/src/input.js +3 -3
- package/es/layout-aside/src/layout-aside.js +4 -2
- package/es/layout-aside/style.css +3 -1
- package/es/layout-aside/style.min.css +1 -1
- package/es/layout-body/src/layout-body.js +7 -2
- package/es/layout-body/style.css +2 -0
- package/es/layout-body/style.min.css +1 -1
- package/es/layout-container/src/layout-container.js +2 -1
- package/es/layout-footer/src/layout-footer.js +5 -3
- package/es/layout-footer/style.css +3 -1
- package/es/layout-footer/style.min.css +1 -1
- package/es/layout-header/style.css +0 -1
- package/es/layout-header/style.min.css +1 -1
- package/es/radio/src/button.js +4 -4
- package/es/radio/src/group.js +4 -4
- package/es/radio/src/radio.js +4 -4
- package/es/select/src/optgroup.js +1 -1
- package/es/select/src/option.js +1 -1
- package/es/select/src/select.js +4 -4
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/switch/src/switch.js +3 -3
- package/es/tab-pane/index.js +8 -0
- package/es/tab-pane/style.css +0 -0
- package/es/tab-pane/style.min.css +0 -0
- package/es/tabs/index.js +8 -0
- package/es/tabs/src/tab-pane.js +64 -0
- package/es/tabs/src/tabs.js +195 -0
- package/es/tabs/src/util.js +17 -0
- package/es/tabs/style.css +113 -0
- package/es/tabs/style.min.css +1 -0
- package/es/textarea/src/textarea.js +3 -3
- package/es/ui/src/core.js +1 -1
- package/es/ui/src/log.js +1 -1
- package/es/vxe-layout-aside/style.css +3 -1
- package/es/vxe-layout-aside/style.min.css +1 -1
- package/es/vxe-layout-body/style.css +2 -0
- package/es/vxe-layout-body/style.min.css +1 -1
- package/es/vxe-layout-footer/style.css +3 -1
- package/es/vxe-layout-footer/style.min.css +1 -1
- package/es/vxe-layout-header/style.css +0 -1
- package/es/vxe-layout-header/style.min.css +1 -1
- package/es/vxe-tab-pane/index.js +3 -0
- package/es/vxe-tab-pane/style.css +0 -0
- package/es/vxe-tab-pane/style.min.css +0 -0
- package/es/vxe-tabs/index.js +3 -0
- package/es/vxe-tabs/style.css +113 -0
- package/es/vxe-tabs/style.min.css +1 -0
- package/lib/anchor/src/anchor-link.js +1 -1
- package/lib/anchor/src/anchor-link.min.js +1 -1
- package/lib/anchor/src/util.js +2 -2
- package/lib/anchor/src/util.min.js +1 -1
- package/lib/checkbox/src/checkbox.js +3 -3
- package/lib/checkbox/src/checkbox.min.js +1 -1
- package/lib/checkbox/src/group.js +3 -3
- package/lib/checkbox/src/group.min.js +1 -1
- package/lib/components.js +25 -1
- package/lib/components.min.js +1 -1
- package/lib/form/src/form-config-item.js +1 -1
- package/lib/form/src/form-config-item.min.js +1 -1
- package/lib/form/src/form-gather.js +1 -1
- package/lib/form/src/form-gather.min.js +1 -1
- package/lib/form/src/form-item.js +4 -4
- package/lib/form/src/form-item.min.js +1 -1
- package/lib/form/src/form.js +3 -3
- package/lib/form/src/form.min.js +1 -1
- package/lib/index.umd.js +421 -55
- package/lib/index.umd.min.js +1 -1
- package/lib/input/src/input.js +3 -3
- package/lib/input/src/input.min.js +1 -1
- package/lib/layout-aside/src/layout-aside.js +5 -2
- package/lib/layout-aside/src/layout-aside.min.js +1 -1
- package/lib/layout-aside/style/style.css +3 -1
- package/lib/layout-aside/style/style.min.css +1 -1
- package/lib/layout-body/src/layout-body.js +9 -2
- package/lib/layout-body/src/layout-body.min.js +1 -1
- package/lib/layout-body/style/style.css +2 -0
- package/lib/layout-body/style/style.min.css +1 -1
- package/lib/layout-container/src/layout-container.js +4 -1
- package/lib/layout-container/src/layout-container.min.js +1 -1
- package/lib/layout-footer/src/layout-footer.js +8 -3
- package/lib/layout-footer/src/layout-footer.min.js +1 -1
- package/lib/layout-footer/style/style.css +3 -1
- package/lib/layout-footer/style/style.min.css +1 -1
- package/lib/layout-header/style/style.css +0 -1
- package/lib/layout-header/style/style.min.css +1 -1
- package/lib/radio/src/button.js +4 -4
- package/lib/radio/src/button.min.js +1 -1
- package/lib/radio/src/group.js +4 -4
- package/lib/radio/src/group.min.js +1 -1
- package/lib/radio/src/radio.js +4 -4
- package/lib/radio/src/radio.min.js +1 -1
- package/lib/select/src/optgroup.js +1 -1
- package/lib/select/src/optgroup.min.js +1 -1
- package/lib/select/src/option.js +1 -1
- package/lib/select/src/option.min.js +1 -1
- package/lib/select/src/select.js +4 -4
- package/lib/select/src/select.min.js +1 -1
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/switch/src/switch.js +3 -3
- package/lib/switch/src/switch.min.js +1 -1
- package/lib/tab-pane/index.js +15 -0
- package/lib/tab-pane/index.min.js +1 -0
- package/lib/tab-pane/style/index.js +1 -0
- package/lib/tab-pane/style/style.css +0 -0
- package/lib/tab-pane/style/style.min.css +0 -0
- package/lib/tabs/index.js +15 -0
- package/lib/tabs/index.min.js +1 -0
- package/lib/tabs/src/tab-pane.js +73 -0
- package/lib/tabs/src/tab-pane.min.js +1 -0
- package/lib/tabs/src/tabs.js +240 -0
- package/lib/tabs/src/tabs.min.js +1 -0
- package/lib/tabs/src/util.js +27 -0
- package/lib/tabs/src/util.min.js +1 -0
- package/lib/tabs/style/index.js +1 -0
- package/lib/tabs/style/style.css +113 -0
- package/lib/tabs/style/style.min.css +1 -0
- package/lib/textarea/src/textarea.js +3 -3
- package/lib/textarea/src/textarea.min.js +1 -1
- package/lib/ui/src/core.js +1 -1
- package/lib/ui/src/core.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/lib/vxe-layout-aside/style/style.css +3 -1
- package/lib/vxe-layout-aside/style/style.min.css +1 -1
- package/lib/vxe-layout-body/style/style.css +2 -0
- package/lib/vxe-layout-body/style/style.min.css +1 -1
- package/lib/vxe-layout-footer/style/style.css +3 -1
- package/lib/vxe-layout-footer/style/style.min.css +1 -1
- package/lib/vxe-layout-header/style/style.css +0 -1
- package/lib/vxe-layout-header/style/style.min.css +1 -1
- package/lib/vxe-tab-pane/index.js +22 -0
- package/lib/vxe-tab-pane/index.min.js +1 -0
- package/lib/vxe-tab-pane/style/index.js +1 -0
- package/lib/vxe-tab-pane/style/style.css +0 -0
- package/lib/vxe-tab-pane/style/style.min.css +0 -0
- package/lib/vxe-tabs/index.js +22 -0
- package/lib/vxe-tabs/index.min.js +1 -0
- package/lib/vxe-tabs/style/index.js +1 -0
- package/lib/vxe-tabs/style/style.css +113 -0
- package/lib/vxe-tabs/style/style.min.css +1 -0
- package/package.json +1 -1
- package/packages/anchor/src/anchor-link.ts +2 -2
- package/packages/anchor/src/util.ts +1 -1
- package/packages/checkbox/src/checkbox.ts +3 -3
- package/packages/checkbox/src/group.ts +3 -3
- package/packages/components.ts +6 -0
- package/packages/form/src/form-config-item.ts +1 -1
- package/packages/form/src/form-gather.ts +1 -1
- package/packages/form/src/form-item.ts +4 -4
- package/packages/form/src/form.ts +4 -3
- package/packages/input/src/input.ts +3 -3
- package/packages/layout-aside/src/layout-aside.ts +8 -6
- package/packages/layout-body/src/layout-body.ts +9 -4
- package/packages/layout-container/src/layout-container.ts +5 -4
- package/packages/layout-footer/src/layout-footer.ts +7 -5
- package/packages/layout-header/src/layout-header.ts +3 -3
- package/packages/radio/src/button.ts +4 -4
- package/packages/radio/src/group.ts +4 -4
- package/packages/radio/src/radio.ts +4 -4
- package/packages/select/src/optgroup.ts +1 -1
- package/packages/select/src/option.ts +1 -1
- package/packages/select/src/select.ts +4 -4
- package/packages/switch/src/switch.ts +3 -3
- package/packages/tab-pane/index.ts +11 -0
- package/packages/tabs/index.ts +11 -0
- package/packages/tabs/src/tab-pane.ts +85 -0
- package/packages/tabs/src/tabs.ts +223 -0
- package/packages/tabs/src/util.ts +21 -0
- package/packages/textarea/src/textarea.ts +3 -3
- package/styles/all.scss +2 -0
- package/styles/components/layout-aside.scss +3 -1
- package/styles/components/layout-body.scss +3 -1
- package/styles/components/layout-footer.scss +3 -1
- package/styles/components/layout-header.scss +0 -1
- package/styles/components/tab-pane.scss +0 -0
- package/styles/components/tabs.scss +116 -0
- package/types/all.d.ts +2 -0
- package/types/components/layout-aside.d.ts +10 -1
- package/types/components/layout-body.d.ts +4 -1
- package/types/components/layout-container.d.ts +4 -1
- package/types/components/layout-footer.d.ts +7 -2
- package/types/components/layout-header.d.ts +4 -1
- package/types/components/tab-pane.d.ts +84 -0
- package/types/components/tabs.d.ts +80 -0
- package/types/tool/common.d.ts +5 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.vxe-tabs{background-color:var(--vxe-ui-layout-background-color)}.vxe-tabs-header{position:relative}.vxe-tabs-header--wrapper{position:relative;display:flex;flex-direction:row}.vxe-tabs-header--wrapper::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#e4e7ed}.vxe-tab-header--item{position:relative;padding:0 16px;cursor:pointer}.vxe-tab-header--item.is--active{color:var(--vxe-ui-font-primary-color)}.vxe-tab-header--item-name{height:40px;line-height:40px;border-bottom:2px solid transparent;transition:color .3s ease-in-out}.vxe-tab-pane--item{display:none;padding:var(--vxe-ui-layout-padding-default)}.vxe-tab-pane--item.is--visible{display:block}.vxe-tabs-header--active-line{display:none}.vxe-tabs--default .vxe-tabs-header--active-line{display:block;position:absolute;bottom:-1px;left:0;height:2px;width:4px;background-color:var(--vxe-ui-font-primary-color);z-index:1;transition:all .3s ease-in-out}.vxe-tabs--card .vxe-tabs-header{border-top:1px solid #e4e7ed;border-left:1px solid #e4e7ed}.vxe-tabs--card .vxe-tab-header--item{border-left:1px solid #e4e7ed}.vxe-tabs--card .vxe-tab-header--item:first-child{border-left:0}.vxe-tabs--card .vxe-tab-header--item:last-child{border-right:1px solid #e4e7ed}.vxe-tabs--border-card .vxe-tab-pane--item{border-bottom:1px solid #e4e7ed;border-left:1px solid #e4e7ed;border-right:1px solid #e4e7ed}.vxe-tabs--border-card .vxe-tabs-header{border-top:1px solid #e4e7ed;border-left:1px solid #e4e7ed;border-right:1px solid #e4e7ed;background-color:#f5f7fa}.vxe-tabs--border-card .vxe-tab-header--item.is--active{background-color:#fff}.vxe-tabs--border-card .vxe-tab-header--item.is--active::before{content:"";position:absolute;top:0;left:-1px;width:calc(100% + 2px);height:100%;border-left:1px solid #e4e7ed;border-right:1px solid #e4e7ed;pointer-events:none}.vxe-tabs--border-card .vxe-tab-header--item.is--active::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--vxe-ui-layout-background-color);pointer-events:none;z-index:1}
|
|
@@ -65,7 +65,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
65
65
|
});
|
|
66
66
|
(0, _vue.onMounted)(() => {
|
|
67
67
|
if ($xeAnchor && refElem.value) {
|
|
68
|
-
(0, _util.
|
|
68
|
+
(0, _util.assembleAnchorLink)($xeAnchor, refElem.value, linkConfig, $xeParentAnchorLink);
|
|
69
69
|
}
|
|
70
70
|
});
|
|
71
71
|
(0, _vue.onUnmounted)(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeAnchorLink",props:{content:[String,Number],title:[String,Number],href:String},emits:[],setup(l,e){const a=e["slots"];var t=_xeUtils.default.uniqueId();const o=(0,_vue.ref)();var r=(0,_vue.reactive)({});const n=(0,_vue.reactive)({id:t,href:l.href,children:[]}),u=(0,_vue.inject)("$xeAnchor",null),i=(0,_vue.inject)("$xeAnchorLink",null),v={refElem:o},s=(0,_vue.computed)(()=>{var e=l["href"];return u?u.reactData.activeHref===e:null}),c={};t={xID:t,props:l,context:e,reactData:r,linkConfig:n,getRefMaps:()=>v,getComputeMaps:()=>c};const _=e=>{var t=l["href"];u&&u.handleClickLink(e,t)};(0,_vue.watch)(()=>l.href,e=>{n.href=e}),(0,_vue.onMounted)(()=>{u&&o.value&&(0,_util.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeAnchorLink",props:{content:[String,Number],title:[String,Number],href:String},emits:[],setup(l,e){const a=e["slots"];var t=_xeUtils.default.uniqueId();const o=(0,_vue.ref)();var r=(0,_vue.reactive)({});const n=(0,_vue.reactive)({id:t,href:l.href,children:[]}),u=(0,_vue.inject)("$xeAnchor",null),i=(0,_vue.inject)("$xeAnchorLink",null),v={refElem:o},s=(0,_vue.computed)(()=>{var e=l["href"];return u?u.reactData.activeHref===e:null}),c={};t={xID:t,props:l,context:e,reactData:r,linkConfig:n,getRefMaps:()=>v,getComputeMaps:()=>c};const _=e=>{var t=l["href"];u&&u.handleClickLink(e,t)};(0,_vue.watch)(()=>l.href,e=>{n.href=e}),(0,_vue.onMounted)(()=>{u&&o.value&&(0,_util.assembleAnchorLink)(u,o.value,n,i)}),(0,_vue.onUnmounted)(()=>{u&&(0,_util.destroyAnchorLink)(u,n)});return t.renderVN=()=>{var{href:e,content:t,title:r}=l,n=a.default,u=a.sub,i=s.value;return(0,_vue.h)("div",{ref:o,class:["vxe-anchor-link",{"is--active":i}]},[(0,_vue.h)("a",{class:"vxe-anchor-link--item",href:e,title:r,onClick:_},n?n({}):_xeUtils.default.toValueString(t)),u?(0,_vue.h)("div",{class:"vxe-anchor-link--sub-items"},u({})):(0,_vue.createCommentVNode)()])},(0,_vue.provide)("$xeAnchorLink",t),t},render(){return this.renderVN()}});
|
package/lib/anchor/src/util.js
CHANGED
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.
|
|
6
|
+
exports.assembleAnchorLink = assembleAnchorLink;
|
|
7
7
|
exports.destroyAnchorLink = destroyAnchorLink;
|
|
8
8
|
var _xeUtils = _interopRequireDefault(require("xe-utils"));
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
function
|
|
10
|
+
function assembleAnchorLink($xeAnchor, elem, linkConfig, $xeParentAnchorLink) {
|
|
11
11
|
const staticLinks = $xeAnchor.reactData.staticLinks;
|
|
12
12
|
const parentElem = elem.parentNode;
|
|
13
13
|
const parentLinkConfig = $xeParentAnchorLink ? $xeParentAnchorLink.linkConfig : null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.assembleAnchorLink=assembleAnchorLink,exports.destroyAnchorLink=destroyAnchorLink;var _xeUtils=_interopRequireDefault(require("xe-utils"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function assembleAnchorLink(e,i,t,r){var n=e.reactData.staticLinks,s=i.parentNode,r=r?r.linkConfig:null,r=r?r.children:n;s&&r&&(r.splice(_xeUtils.default.arrayIndexOf(s.children,i),0,t),e.reactData.staticLinks=n.slice(0))}function destroyAnchorLink(e,i){var t=e.reactData.staticLinks,r=_xeUtils.default.findTree(t,e=>e.id===i.id,{children:"children"});r&&r.items.splice(r.index,1),e.reactData.staticLinks=t.slice(0)}
|
|
@@ -42,7 +42,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
42
42
|
emit
|
|
43
43
|
} = context;
|
|
44
44
|
const $xeform = (0, _vue.inject)('$xeForm', null);
|
|
45
|
-
const
|
|
45
|
+
const formItemInfo = (0, _vue.inject)('xeFormItemInfo', null);
|
|
46
46
|
const xID = _xeUtils.default.uniqueId();
|
|
47
47
|
const $xecheckbox = {
|
|
48
48
|
xID,
|
|
@@ -95,8 +95,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
95
95
|
emit('update:modelValue', value);
|
|
96
96
|
checkboxMethods.dispatchEvent('change', params, evnt);
|
|
97
97
|
// 自动更新校验状态
|
|
98
|
-
if ($xeform &&
|
|
99
|
-
$xeform.triggerItemEvent(evnt,
|
|
98
|
+
if ($xeform && formItemInfo) {
|
|
99
|
+
$xeform.triggerItemEvent(evnt, formItemInfo.itemConfig.field, value);
|
|
100
100
|
}
|
|
101
101
|
}
|
|
102
102
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_globalStore=_interopRequireDefault(require("../../ui/src/globalStore")),_size=require("../../hooks/size");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCheckbox",props:{modelValue:[String,Number,Boolean],label:{type:[String,Number],default:null},indeterminate:Boolean,title:[String,Number],checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:!1},content:[String,Number],disabled:Boolean,size:{type:String,default:()=>_globalStore.default.checkbox.size||_globalStore.default.size}},emits:["update:modelValue","change"],setup(a,e){const{slots:i,emit:n}=e,c=(0,_vue.inject)("$xeForm",null),r=(0,_vue.inject)("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_utils=require("../../ui/src/utils"),_globalStore=_interopRequireDefault(require("../../ui/src/globalStore")),_size=require("../../hooks/size");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCheckbox",props:{modelValue:[String,Number,Boolean],label:{type:[String,Number],default:null},indeterminate:Boolean,title:[String,Number],checkedValue:{type:[String,Number,Boolean],default:!0},uncheckedValue:{type:[String,Number,Boolean],default:!1},content:[String,Number],disabled:Boolean,size:{type:String,default:()=>_globalStore.default.checkbox.size||_globalStore.default.size}},emits:["update:modelValue","change"],setup(a,e){const{slots:i,emit:n}=e,c=(0,_vue.inject)("$xeForm",null),r=(0,_vue.inject)("xeFormItemInfo",null);const u={xID:_xeUtils.default.uniqueId(),props:a,context:e};let o={};const s=(0,_size.useSize)(a),d=(0,_vue.inject)("$xecheckboxgroup",null),v=(0,_vue.computed)(()=>d?_xeUtils.default.includes(d.props.modelValue,a.label):a.modelValue===a.checkedValue),b=(0,_vue.computed)(()=>{var e,t,l;return!!a.disabled||!!d&&(e=d["props"],t=d.getComputeMaps()["computeIsMaximize"],t=t.value,l=v.value,e.disabled||t&&!l)}),h=e=>{var t,{checkedValue:l,uncheckedValue:u}=a;b.value||(l={checked:t=e.target.checked,value:t=t?l:u,label:a.label},d?d.handleChecked(l,e):(n("update:modelValue",t),o.dispatchEvent("change",l,e),c&&r&&c.triggerItemEvent(e,r.itemConfig.field,t)))};o={dispatchEvent(e,t,l){n(e,Object.assign({$checkbox:u,$event:l},t))}},Object.assign(u,o);return u.renderVN=()=>{var e=s.value,t=b.value,l=v.value,u=a.indeterminate;return(0,_vue.h)("label",{class:["vxe-checkbox",{["size--"+e]:e,"is--indeterminate":u,"is--disabled":t,"is--checked":l}],title:a.title},[(0,_vue.h)("input",{class:"vxe-checkbox--input",type:"checkbox",disabled:t,checked:l,onChange:h}),(0,_vue.h)("span",{class:["vxe-checkbox--icon",u?"vxe-icon-checkbox-indeterminate":l?"vxe-icon-checkbox-checked":"vxe-icon-checkbox-unchecked"]}),(0,_vue.h)("span",{class:"vxe-checkbox--label"},i.default?i.default({}):(0,_utils.getFuncText)(a.content))])},u},render(){return this.renderVN()}});
|
|
@@ -33,7 +33,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
33
33
|
emit
|
|
34
34
|
} = context;
|
|
35
35
|
const $xeform = (0, _vue.inject)('$xeForm', null);
|
|
36
|
-
const
|
|
36
|
+
const formItemInfo = (0, _vue.inject)('xeFormItemInfo', null);
|
|
37
37
|
const xID = _xeUtils.default.uniqueId();
|
|
38
38
|
const computeIsMaximize = (0, _vue.computed)(() => {
|
|
39
39
|
const {
|
|
@@ -98,8 +98,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
98
98
|
checklist
|
|
99
99
|
}, params), evnt);
|
|
100
100
|
// 自动更新校验状态
|
|
101
|
-
if ($xeform &&
|
|
102
|
-
$xeform.triggerItemEvent(evnt,
|
|
101
|
+
if ($xeform && formItemInfo) {
|
|
102
|
+
$xeform.triggerItemEvent(evnt, formItemInfo.itemConfig.field, checklist);
|
|
103
103
|
}
|
|
104
104
|
}
|
|
105
105
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_globalStore=_interopRequireDefault(require("../../ui/src/globalStore")),_xeUtils=_interopRequireDefault(require("xe-utils")),_checkbox=_interopRequireDefault(require("./checkbox")),_size=require("../../hooks/size");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCheckboxGroup",props:{modelValue:Array,options:Array,optionProps:Object,disabled:Boolean,max:{type:[String,Number],default:null},size:{type:String,default:()=>_globalStore.default.checkboxGroup.size||_globalStore.default.size}},emits:["update:modelValue","change"],setup(a,e){const{slots:r,emit:i}=e,n=(0,_vue.inject)("$xeForm",null),s=(0,_vue.inject)("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_globalStore=_interopRequireDefault(require("../../ui/src/globalStore")),_xeUtils=_interopRequireDefault(require("xe-utils")),_checkbox=_interopRequireDefault(require("./checkbox")),_size=require("../../hooks/size");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeCheckboxGroup",props:{modelValue:Array,options:Array,optionProps:Object,disabled:Boolean,max:{type:[String,Number],default:null},size:{type:String,default:()=>_globalStore.default.checkboxGroup.size||_globalStore.default.size}},emits:["update:modelValue","change"],setup(a,e){const{slots:r,emit:i}=e,n=(0,_vue.inject)("$xeForm",null),s=(0,_vue.inject)("xeFormItemInfo",null);var t=_xeUtils.default.uniqueId(),u=(0,_vue.computed)(()=>{var{modelValue:e,max:t}=a;return!!t&&(e?e.length:0)>=_xeUtils.default.toNumber(t)});const l=(0,_vue.computed)(()=>a.optionProps||{}),d=(0,_vue.computed)(()=>{return l.value.label||"label"}),c=(0,_vue.computed)(()=>{return l.value.value||"value"}),p=(0,_vue.computed)(()=>{return l.value.disabled||"disabled"}),o={computeIsMaximize:u},v={xID:t,props:a,context:e,getComputeMaps:()=>o};(0,_size.useSize)(a);Object.assign(v,{dispatchEvent(e,t,u){i(e,Object.assign({$checkboxGroup:v,$event:u},t))}},{handleChecked(e,t){var{checked:u,label:l}=e,o=a.modelValue||[],r=o.indexOf(l);u?-1===r&&o.push(l):o.splice(r,1),i("update:modelValue",o),v.dispatchEvent("change",Object.assign({checklist:o},e),t),n&&s&&n.triggerItemEvent(t,s.itemConfig.field,o)}});u=()=>{var e=a["options"],t=r.default;const u=c.value,l=d.value,o=p.value;return(0,_vue.h)("div",{class:"vxe-checkbox-group"},t?t({}):e?e.map(e=>(0,_vue.h)(_checkbox.default,{label:e[u],content:e[l],disabled:e[o]})):[])};return v.renderVN=u,(0,_vue.provide)("$xecheckboxgroup",v),u}});
|
package/lib/components.js
CHANGED
|
@@ -416,6 +416,30 @@ Object.keys(_switch).forEach(function (key) {
|
|
|
416
416
|
}
|
|
417
417
|
});
|
|
418
418
|
});
|
|
419
|
+
var _tabPane = _interopRequireWildcard(require("./tab-pane"));
|
|
420
|
+
Object.keys(_tabPane).forEach(function (key) {
|
|
421
|
+
if (key === "default" || key === "__esModule") return;
|
|
422
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
423
|
+
if (key in exports && exports[key] === _tabPane[key]) return;
|
|
424
|
+
Object.defineProperty(exports, key, {
|
|
425
|
+
enumerable: true,
|
|
426
|
+
get: function () {
|
|
427
|
+
return _tabPane[key];
|
|
428
|
+
}
|
|
429
|
+
});
|
|
430
|
+
});
|
|
431
|
+
var _tabs = _interopRequireWildcard(require("./tabs"));
|
|
432
|
+
Object.keys(_tabs).forEach(function (key) {
|
|
433
|
+
if (key === "default" || key === "__esModule") return;
|
|
434
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
435
|
+
if (key in exports && exports[key] === _tabs[key]) return;
|
|
436
|
+
Object.defineProperty(exports, key, {
|
|
437
|
+
enumerable: true,
|
|
438
|
+
get: function () {
|
|
439
|
+
return _tabs[key];
|
|
440
|
+
}
|
|
441
|
+
});
|
|
442
|
+
});
|
|
419
443
|
var _textarea = _interopRequireWildcard(require("./textarea"));
|
|
420
444
|
Object.keys(_textarea).forEach(function (key) {
|
|
421
445
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -448,7 +472,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
448
472
|
(0, _ui.setConfig)({
|
|
449
473
|
i18n: (key, args) => _xeUtils.default.toFormatString(_xeUtils.default.get(_zhCN.default, key), args)
|
|
450
474
|
});
|
|
451
|
-
const components = [_anchor.default, _anchorLink.default, _breadcrumb.default, _breadcrumbItem.default, _button.default, _buttonGroup.default, _checkbox.default, _checkboxGroup.default, _col.default, _form.default, _formDesign.default, _formGather.default, _formItem.default, _icon.default, _input.default, _layoutAside.default, _layoutBody.default, _layoutContainer.default, _layoutFooter.default, _layoutHeader.default, _listDesign.default, _loading.default, _modal.default, _optgroup.default, _option.default, _pager.default, _pulldown.default, _radio.default, _radioButton.default, _radioGroup.default, _row.default, _select.default, _switch.default, _textarea.default, _tooltip.default];
|
|
475
|
+
const components = [_anchor.default, _anchorLink.default, _breadcrumb.default, _breadcrumbItem.default, _button.default, _buttonGroup.default, _checkbox.default, _checkboxGroup.default, _col.default, _form.default, _formDesign.default, _formGather.default, _formItem.default, _icon.default, _input.default, _layoutAside.default, _layoutBody.default, _layoutContainer.default, _layoutFooter.default, _layoutHeader.default, _listDesign.default, _loading.default, _modal.default, _optgroup.default, _option.default, _pager.default, _pulldown.default, _radio.default, _radioButton.default, _radioGroup.default, _row.default, _select.default, _switch.default, _tabPane.default, _tabs.default, _textarea.default, _tooltip.default];
|
|
452
476
|
function install(app, options) {
|
|
453
477
|
(0, _ui.setConfig)(options);
|
|
454
478
|
components.forEach(component => app.use(component));
|
package/lib/components.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={install:!0},_xeUtils=(exports.install=install,_interopRequireDefault(require("xe-utils"))),_ui=require("./ui"),_anchor=(Object.keys(_ui).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_ui[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _ui[e]}})}),_interopRequireWildcard(require("./anchor"))),_anchorLink=(Object.keys(_anchor).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_anchor[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _anchor[e]}})}),_interopRequireWildcard(require("./anchor-link"))),_breadcrumb=(Object.keys(_anchorLink).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_anchorLink[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _anchorLink[e]}})}),_interopRequireWildcard(require("./breadcrumb"))),_breadcrumbItem=(Object.keys(_breadcrumb).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_breadcrumb[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _breadcrumb[e]}})}),_interopRequireWildcard(require("./breadcrumb-item"))),_button=(Object.keys(_breadcrumbItem).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_breadcrumbItem[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _breadcrumbItem[e]}})}),_interopRequireWildcard(require("./button"))),_buttonGroup=(Object.keys(_button).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_button[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _button[e]}})}),_interopRequireWildcard(require("./button-group"))),_checkbox=(Object.keys(_buttonGroup).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_buttonGroup[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _buttonGroup[e]}})}),_interopRequireWildcard(require("./checkbox"))),_checkboxGroup=(Object.keys(_checkbox).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_checkbox[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _checkbox[e]}})}),_interopRequireWildcard(require("./checkbox-group"))),_col=(Object.keys(_checkboxGroup).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_checkboxGroup[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _checkboxGroup[e]}})}),_interopRequireWildcard(require("./col"))),_form=(Object.keys(_col).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_col[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _col[e]}})}),_interopRequireWildcard(require("./form"))),_formDesign=(Object.keys(_form).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_form[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _form[e]}})}),_interopRequireWildcard(require("./form-design"))),_formGather=(Object.keys(_formDesign).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_formDesign[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _formDesign[e]}})}),_interopRequireWildcard(require("./form-gather"))),_formItem=(Object.keys(_formGather).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_formGather[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _formGather[e]}})}),_interopRequireWildcard(require("./form-item"))),_icon=(Object.keys(_formItem).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_formItem[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _formItem[e]}})}),_interopRequireWildcard(require("./icon"))),_input=(Object.keys(_icon).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_icon[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _icon[e]}})}),_interopRequireWildcard(require("./input"))),_layoutAside=(Object.keys(_input).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_input[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _input[e]}})}),_interopRequireWildcard(require("./layout-aside"))),_layoutBody=(Object.keys(_layoutAside).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_layoutAside[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _layoutAside[e]}})}),_interopRequireWildcard(require("./layout-body"))),_layoutContainer=(Object.keys(_layoutBody).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_layoutBody[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _layoutBody[e]}})}),_interopRequireWildcard(require("./layout-container"))),_layoutFooter=(Object.keys(_layoutContainer).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_layoutContainer[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _layoutContainer[e]}})}),_interopRequireWildcard(require("./layout-footer"))),_layoutHeader=(Object.keys(_layoutFooter).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_layoutFooter[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _layoutFooter[e]}})}),_interopRequireWildcard(require("./layout-header"))),_listDesign=(Object.keys(_layoutHeader).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_layoutHeader[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _layoutHeader[e]}})}),_interopRequireWildcard(require("./list-design"))),_loading=(Object.keys(_listDesign).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_listDesign[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _listDesign[e]}})}),_interopRequireWildcard(require("./loading"))),_modal=(Object.keys(_loading).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_loading[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _loading[e]}})}),_interopRequireWildcard(require("./modal"))),_optgroup=(Object.keys(_modal).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_modal[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _modal[e]}})}),_interopRequireWildcard(require("./optgroup"))),_option=(Object.keys(_optgroup).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_optgroup[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _optgroup[e]}})}),_interopRequireWildcard(require("./option"))),_pager=(Object.keys(_option).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_option[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _option[e]}})}),_interopRequireWildcard(require("./pager"))),_pulldown=(Object.keys(_pager).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_pager[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _pager[e]}})}),_interopRequireWildcard(require("./pulldown"))),_radio=(Object.keys(_pulldown).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_pulldown[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _pulldown[e]}})}),_interopRequireWildcard(require("./radio"))),_radioButton=(Object.keys(_radio).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_radio[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _radio[e]}})}),_interopRequireWildcard(require("./radio-button"))),_radioGroup=(Object.keys(_radioButton).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_radioButton[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _radioButton[e]}})}),_interopRequireWildcard(require("./radio-group"))),_row=(Object.keys(_radioGroup).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_radioGroup[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _radioGroup[e]}})}),_interopRequireWildcard(require("./row"))),_select=(Object.keys(_row).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_row[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _row[e]}})}),_interopRequireWildcard(require("./select"))),_switch=(Object.keys(_select).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_select[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _select[e]}})}),_interopRequireWildcard(require("./switch"))),_textarea=(Object.keys(_switch).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_switch[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _switch[e]}})}),_interopRequireWildcard(require("./textarea"))),_tooltip=(Object.keys(_textarea).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_textarea[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _textarea[e]}})}),_interopRequireWildcard(require("./tooltip"))),_zhCN=(Object.keys(_tooltip).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_tooltip[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _tooltip[e]}})}),_interopRequireDefault(require("./locale/lang/zh-CN")));function _getRequireWildcardCache(e){var t,r;return"function"!=typeof WeakMap?null:(t=new WeakMap,r=new WeakMap,(_getRequireWildcardCache=function(e){return e?r:t})(e))}function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};t=_getRequireWildcardCache(t);if(t&&t.has(e))return t.get(e);var r,o,n={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((o=u?Object.getOwnPropertyDescriptor(e,r):null)&&(o.get||o.set)?Object.defineProperty(n,r,o):n[r]=e[r]);return n.default=e,t&&t.set(e,n),n}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(0,_ui.setConfig)({i18n:(e,t)=>_xeUtils.default.toFormatString(_xeUtils.default.get(_zhCN.default,e),t)});const components=[_anchor.default,_anchorLink.default,_breadcrumb.default,_breadcrumbItem.default,_button.default,_buttonGroup.default,_checkbox.default,_checkboxGroup.default,_col.default,_form.default,_formDesign.default,_formGather.default,_formItem.default,_icon.default,_input.default,_layoutAside.default,_layoutBody.default,_layoutContainer.default,_layoutFooter.default,_layoutHeader.default,_listDesign.default,_loading.default,_modal.default,_optgroup.default,_option.default,_pager.default,_pulldown.default,_radio.default,_radioButton.default,_radioGroup.default,_row.default,_select.default,_switch.default,_textarea.default,_tooltip.default];function install(t,e){(0,_ui.setConfig)(e),components.forEach(e=>t.use(e))}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={install:!0},_xeUtils=(exports.install=install,_interopRequireDefault(require("xe-utils"))),_ui=require("./ui"),_anchor=(Object.keys(_ui).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_ui[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _ui[e]}})}),_interopRequireWildcard(require("./anchor"))),_anchorLink=(Object.keys(_anchor).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_anchor[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _anchor[e]}})}),_interopRequireWildcard(require("./anchor-link"))),_breadcrumb=(Object.keys(_anchorLink).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_anchorLink[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _anchorLink[e]}})}),_interopRequireWildcard(require("./breadcrumb"))),_breadcrumbItem=(Object.keys(_breadcrumb).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_breadcrumb[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _breadcrumb[e]}})}),_interopRequireWildcard(require("./breadcrumb-item"))),_button=(Object.keys(_breadcrumbItem).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_breadcrumbItem[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _breadcrumbItem[e]}})}),_interopRequireWildcard(require("./button"))),_buttonGroup=(Object.keys(_button).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_button[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _button[e]}})}),_interopRequireWildcard(require("./button-group"))),_checkbox=(Object.keys(_buttonGroup).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_buttonGroup[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _buttonGroup[e]}})}),_interopRequireWildcard(require("./checkbox"))),_checkboxGroup=(Object.keys(_checkbox).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_checkbox[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _checkbox[e]}})}),_interopRequireWildcard(require("./checkbox-group"))),_col=(Object.keys(_checkboxGroup).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_checkboxGroup[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _checkboxGroup[e]}})}),_interopRequireWildcard(require("./col"))),_form=(Object.keys(_col).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_col[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _col[e]}})}),_interopRequireWildcard(require("./form"))),_formDesign=(Object.keys(_form).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_form[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _form[e]}})}),_interopRequireWildcard(require("./form-design"))),_formGather=(Object.keys(_formDesign).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_formDesign[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _formDesign[e]}})}),_interopRequireWildcard(require("./form-gather"))),_formItem=(Object.keys(_formGather).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_formGather[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _formGather[e]}})}),_interopRequireWildcard(require("./form-item"))),_icon=(Object.keys(_formItem).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_formItem[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _formItem[e]}})}),_interopRequireWildcard(require("./icon"))),_input=(Object.keys(_icon).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_icon[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _icon[e]}})}),_interopRequireWildcard(require("./input"))),_layoutAside=(Object.keys(_input).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_input[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _input[e]}})}),_interopRequireWildcard(require("./layout-aside"))),_layoutBody=(Object.keys(_layoutAside).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_layoutAside[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _layoutAside[e]}})}),_interopRequireWildcard(require("./layout-body"))),_layoutContainer=(Object.keys(_layoutBody).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_layoutBody[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _layoutBody[e]}})}),_interopRequireWildcard(require("./layout-container"))),_layoutFooter=(Object.keys(_layoutContainer).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_layoutContainer[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _layoutContainer[e]}})}),_interopRequireWildcard(require("./layout-footer"))),_layoutHeader=(Object.keys(_layoutFooter).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_layoutFooter[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _layoutFooter[e]}})}),_interopRequireWildcard(require("./layout-header"))),_listDesign=(Object.keys(_layoutHeader).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_layoutHeader[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _layoutHeader[e]}})}),_interopRequireWildcard(require("./list-design"))),_loading=(Object.keys(_listDesign).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_listDesign[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _listDesign[e]}})}),_interopRequireWildcard(require("./loading"))),_modal=(Object.keys(_loading).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_loading[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _loading[e]}})}),_interopRequireWildcard(require("./modal"))),_optgroup=(Object.keys(_modal).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_modal[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _modal[e]}})}),_interopRequireWildcard(require("./optgroup"))),_option=(Object.keys(_optgroup).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_optgroup[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _optgroup[e]}})}),_interopRequireWildcard(require("./option"))),_pager=(Object.keys(_option).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_option[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _option[e]}})}),_interopRequireWildcard(require("./pager"))),_pulldown=(Object.keys(_pager).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_pager[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _pager[e]}})}),_interopRequireWildcard(require("./pulldown"))),_radio=(Object.keys(_pulldown).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_pulldown[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _pulldown[e]}})}),_interopRequireWildcard(require("./radio"))),_radioButton=(Object.keys(_radio).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_radio[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _radio[e]}})}),_interopRequireWildcard(require("./radio-button"))),_radioGroup=(Object.keys(_radioButton).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_radioButton[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _radioButton[e]}})}),_interopRequireWildcard(require("./radio-group"))),_row=(Object.keys(_radioGroup).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_radioGroup[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _radioGroup[e]}})}),_interopRequireWildcard(require("./row"))),_select=(Object.keys(_row).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_row[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _row[e]}})}),_interopRequireWildcard(require("./select"))),_switch=(Object.keys(_select).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_select[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _select[e]}})}),_interopRequireWildcard(require("./switch"))),_tabPane=(Object.keys(_switch).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_switch[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _switch[e]}})}),_interopRequireWildcard(require("./tab-pane"))),_tabs=(Object.keys(_tabPane).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_tabPane[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _tabPane[e]}})}),_interopRequireWildcard(require("./tabs"))),_textarea=(Object.keys(_tabs).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_tabs[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _tabs[e]}})}),_interopRequireWildcard(require("./textarea"))),_tooltip=(Object.keys(_textarea).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_textarea[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _textarea[e]}})}),_interopRequireWildcard(require("./tooltip"))),_zhCN=(Object.keys(_tooltip).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_tooltip[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _tooltip[e]}})}),_interopRequireDefault(require("./locale/lang/zh-CN")));function _getRequireWildcardCache(e){var t,r;return"function"!=typeof WeakMap?null:(t=new WeakMap,r=new WeakMap,(_getRequireWildcardCache=function(e){return e?r:t})(e))}function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};t=_getRequireWildcardCache(t);if(t&&t.has(e))return t.get(e);var r,o,n={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((o=u?Object.getOwnPropertyDescriptor(e,r):null)&&(o.get||o.set)?Object.defineProperty(n,r,o):n[r]=e[r]);return n.default=e,t&&t.set(e,n),n}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}(0,_ui.setConfig)({i18n:(e,t)=>_xeUtils.default.toFormatString(_xeUtils.default.get(_zhCN.default,e),t)});const components=[_anchor.default,_anchorLink.default,_breadcrumb.default,_breadcrumbItem.default,_button.default,_buttonGroup.default,_checkbox.default,_checkboxGroup.default,_col.default,_form.default,_formDesign.default,_formGather.default,_formItem.default,_icon.default,_input.default,_layoutAside.default,_layoutBody.default,_layoutContainer.default,_layoutFooter.default,_layoutHeader.default,_listDesign.default,_loading.default,_modal.default,_optgroup.default,_option.default,_pager.default,_pulldown.default,_radio.default,_radioButton.default,_radioGroup.default,_row.default,_select.default,_switch.default,_tabPane.default,_tabs.default,_textarea.default,_tooltip.default];function install(t,e){(0,_ui.setConfig)(e),components.forEach(e=>t.use(e))}
|
|
@@ -24,7 +24,7 @@ const VxeFormConfigItem = (0, _vue.defineComponent)({
|
|
|
24
24
|
const xeformiteminfo = {
|
|
25
25
|
itemConfig: props.itemConfig
|
|
26
26
|
};
|
|
27
|
-
(0, _vue.provide)('
|
|
27
|
+
(0, _vue.provide)('xeFormItemInfo', xeformiteminfo);
|
|
28
28
|
const renderVN = () => {
|
|
29
29
|
const {
|
|
30
30
|
reactData
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_iconStore=_interopRequireDefault(require("../../ui/src/iconStore")),_renderer=require("../../ui/src/renderer"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_i18n=require("../../ui/src/i18n"),_render=require("./render"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeFormConfigItem=(0,_vue.defineComponent)({name:"VxeFormConfigItem",props:{itemConfig:Object},setup(G){const L=(0,_vue.inject)("$xeForm",{});var e={itemConfig:G.itemConfig},e=((0,_vue.provide)("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_iconStore=_interopRequireDefault(require("../../ui/src/iconStore")),_renderer=require("../../ui/src/renderer"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_i18n=require("../../ui/src/i18n"),_render=require("./render"),_util=require("./util");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const VxeFormConfigItem=(0,_vue.defineComponent)({name:"VxeFormConfigItem",props:{itemConfig:Object},setup(G){const L=(0,_vue.inject)("$xeForm",{});var e={itemConfig:G.itemConfig},e=((0,_vue.provide)("xeFormItemInfo",e),{renderVN:()=>{var e=L["reactData"],{data:t,rules:i,span:l,align:n,titleAlign:r,titleWidth:s,titleColon:u,titleAsterisk:o,titleOverflow:a,vertical:d}=L.props,f=L.getComputeMaps()["computeValidOpts"],m=G.itemConfig,e=e["collapseAll"],f=f.value,{slots:_,title:v,visible:c,folding:k,field:x,collapseNode:D,itemRender:g,showError:$,errRule:p,className:h,titleOverflow:C,vertical:U,children:F,showTitle:j,contentClassName:N,contentStyle:q,titleClassName:y,titleStyle:I}=m,S=(0,_utils.isEnableConf)(g)?_renderer.renderer.get(g.name):null,O=S?S.itemClassName:"",V=S?S.itemStyle:null,T=S?S.itemContentClassName:"",w=S?S.itemContentStyle:null,A=S?S.itemTitleClassName:"",M=S?S.itemTitleStyle:null,E=_?_.default:null,_=_?_.title:null,l=m.span||l,n=m.align||n,r=_xeUtils.default.eqNull(m.titleAlign)?r:m.titleAlign,s=_xeUtils.default.eqNull(m.titleWidth)?s:m.titleWidth,u=_xeUtils.default.eqNull(m.titleColon)?u:m.titleColon,o=_xeUtils.default.eqNull(m.titleAsterisk)?o:m.titleAsterisk,a=_xeUtils.default.isUndefined(C)||_xeUtils.default.isNull(C)?a:C,C=_xeUtils.default.isUndefined(U)||_xeUtils.default.isNull(U)?d:U,d="title"===a,U=!0===a||"tooltip"===a,a=d||U||"ellipsis"===a;const R={data:t,field:x,property:x,item:m,$form:L,$grid:L.xegrid};if(!1===c)return(0,_vue.createCommentVNode)();let W=!1;if(i&&(c=i[x])&&(W=c.some(e=>e.required)),F&&0<F.length)return(i=F.map((e,t)=>(0,_vue.h)(VxeFormConfigItem,{key:t,itemConfig:e}))).length?(0,_vue.h)("div",{class:["vxe-form--gather vxe-row",m.id,l?`vxe-col--${l} is--span`:"",h?_xeUtils.default.isFunction(h)?h(R):h:""]},i):(0,_vue.createCommentVNode)();let b=[];E?b=L.callSlot(E,R):S&&S.renderItemContent?b=(0,_vn.getSlotVNs)(S.renderItemContent(g,R)):x&&(b=[_xeUtils.default.toValueString(_xeUtils.default.get(t,x))]),D&&b.push((0,_vue.h)("div",{class:"vxe-form--item-trigger-node",onClick:L.toggleCollapseEvent},[(0,_vue.h)("span",{class:"vxe-form--item-trigger-text"},e?(0,_i18n.getI18n)("vxe.form.unfolding"):(0,_i18n.getI18n)("vxe.form.folding")),(0,_vue.h)("i",{class:["vxe-form--item-trigger-icon",e?_iconStore.default.FORM_FOLDING:_iconStore.default.FORM_UNFOLDING]})])),p&&f.showMessage&&b.push((0,_vue.h)("div",{class:"vxe-form--item-valid",style:p.maxWidth?{width:p.maxWidth+"px"}:null},p.content));c=U?{onMouseenter(e){L.triggerTitleTipEvent(e,R)},onMouseleave:L.handleTitleTipLeaveEvent}:{};return(0,_vue.h)("div",{class:["vxe-form--item",m.id,l?`vxe-col--${l} is--span`:"",h?_xeUtils.default.isFunction(h)?h(R):h:"",O?_xeUtils.default.isFunction(O)?O(R):O:"",{"is--title":v,"is--colon":u,"is--vertical":C,"is--asterisk":o,"is--required":W,"is--hidden":k&&e,"is--active":(0,_util.isActivetem)(L,m),"is--error":$}],style:_xeUtils.default.isFunction(V)?V(R):V},[(0,_vue.h)("div",{class:"vxe-form--item-inner"},[!1!==j&&(v||_)?(0,_vue.h)("div",{class:["vxe-form--item-title",r?"align--"+r:"",a?"is--ellipsis":"",A?_xeUtils.default.isFunction(A)?A(R):A:"",y?_xeUtils.default.isFunction(y)?y(R):y:""],style:Object.assign({},_xeUtils.default.isFunction(M)?M(R):M,_xeUtils.default.isFunction(I)?I(R):I,s?{width:isNaN(s)?s:s+"px"}:null),title:d?(0,_utils.getFuncText)(v):null,...c},(0,_render.renderTitle)(L,m)):null,(0,_vue.h)("div",{class:["vxe-form--item-content",n?"align--"+n:"",T?_xeUtils.default.isFunction(T)?T(R):T:"",N?_xeUtils.default.isFunction(N)?N(R):N:""],style:Object.assign({},_xeUtils.default.isFunction(w)?w(R):w,_xeUtils.default.isFunction(q)?q(R):q)},b)])])}});return(0,_vue.provide)("$xeFormGather",null),e},render(){return this.renderVN()}});var _default=exports.default=VxeFormConfigItem;
|
|
@@ -23,7 +23,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
23
23
|
const formItemInfo = {
|
|
24
24
|
itemConfig: formItem
|
|
25
25
|
};
|
|
26
|
-
(0, _vue.provide)('
|
|
26
|
+
(0, _vue.provide)('xeFormItemInfo', formItemInfo);
|
|
27
27
|
(0, _util.watchItem)(props, formItem);
|
|
28
28
|
(0, _vue.onMounted)(() => {
|
|
29
29
|
(0, _util.assemItem)($xeForm, refElem.value, formItem, parentFormGather);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_log=require("../../ui/src/log"),_util=require("./util"),_formItem=require("./form-item"),_default=exports.default=(0,_vue.defineComponent)({name:"VxeFormGather",props:_formItem.formItemProps,setup(e,{slots:r}){const t=(0,_vue.ref)(),o=(0,_vue.inject)("$xeForm",{}),u=(0,_vue.inject)("$xeFormGather",null),m=r.default,i=(0,_vue.reactive)((0,_util.createItem)(o,e));i.children=[];r={itemConfig:i},(0,_vue.provide)("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_log=require("../../ui/src/log"),_util=require("./util"),_formItem=require("./form-item"),_default=exports.default=(0,_vue.defineComponent)({name:"VxeFormGather",props:_formItem.formItemProps,setup(e,{slots:r}){const t=(0,_vue.ref)(),o=(0,_vue.inject)("$xeForm",{}),u=(0,_vue.inject)("$xeFormGather",null),m=r.default,i=(0,_vue.reactive)((0,_util.createItem)(o,e));i.children=[];r={itemConfig:i},(0,_vue.provide)("xeFormItemInfo",r),(0,_util.watchItem)(e,i),(0,_vue.onMounted)(()=>{(0,_util.assemItem)(o,t.value,i,u)}),(0,_vue.onUnmounted)(()=>{(0,_util.destroyItem)(o,i)}),"development"===process.env.NODE_ENV&&(0,_vue.nextTick)(()=>{o&&o.props.customLayout&&(0,_log.errLog)("vxe.error.errConflicts",["custom-layout","<form-gather ...>"])}),r={formItem:i,renderVN:()=>(0,_vue.h)("div",{ref:t},m?m():[])};return(0,_vue.provide)("$xeFormGather",r),(0,_vue.provide)("$xeFormItem",null),r},render(){return this.renderVN()}});
|
|
@@ -74,13 +74,13 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
74
74
|
}) {
|
|
75
75
|
const refElem = (0, _vue.ref)();
|
|
76
76
|
const $xeform = (0, _vue.inject)('$xeForm', {});
|
|
77
|
-
const formGather = (0, _vue.inject)('$
|
|
77
|
+
const formGather = (0, _vue.inject)('$xeFormGather', null);
|
|
78
78
|
const formItem = (0, _vue.reactive)((0, _util.createItem)($xeform, props));
|
|
79
79
|
formItem.slots = slots;
|
|
80
80
|
const formItemInfo = {
|
|
81
81
|
itemConfig: formItem
|
|
82
82
|
};
|
|
83
|
-
(0, _vue.provide)('
|
|
83
|
+
(0, _vue.provide)('xeFormItemInfo', formItemInfo);
|
|
84
84
|
(0, _util.watchItem)(props, formItem);
|
|
85
85
|
(0, _vue.onMounted)(() => {
|
|
86
86
|
(0, _util.assemItem)($xeform, refElem.value, formItem, formGather);
|
|
@@ -237,8 +237,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
237
237
|
formItem,
|
|
238
238
|
renderVN
|
|
239
239
|
};
|
|
240
|
-
(0, _vue.provide)('$
|
|
241
|
-
(0, _vue.provide)('$
|
|
240
|
+
(0, _vue.provide)('$xeFormItem', $xeformitem);
|
|
241
|
+
(0, _vue.provide)('$xeFormGather', null);
|
|
242
242
|
return $xeformitem;
|
|
243
243
|
},
|
|
244
244
|
render() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.formItemProps=exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_iconStore=_interopRequireDefault(require("../../ui/src/iconStore")),_renderer=require("../../ui/src/renderer"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_i18n=require("../../ui/src/i18n"),_util=require("./util"),_render=require("./render");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const formItemProps=exports.formItemProps={title:String,field:String,span:[String,Number],align:String,titleAlign:{type:String,default:null},titleWidth:{type:[String,Number],default:null},titleColon:{type:Boolean,default:null},titleAsterisk:{type:Boolean,default:null},showTitle:{type:Boolean,default:!0},vertical:{type:Boolean,default:null},className:[String,Function],contentClassName:[String,Function],contentStyle:[Object,Function],titleClassName:[String,Function],titleStyle:[Object,Function],titleOverflow:{type:[Boolean,String],default:null},titlePrefix:Object,titleSuffix:Object,resetValue:{default:null},visibleMethod:Function,visible:{type:Boolean,default:null},folding:Boolean,collapseNode:Boolean,itemRender:Object};var _default=exports.default=(0,_vue.defineComponent)({name:"VxeFormItem",props:formItemProps,setup(e,{slots:t}){const W=(0,_vue.ref)(),E=(0,_vue.inject)("$xeForm",{}),l=(0,_vue.inject)("$
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.formItemProps=exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_iconStore=_interopRequireDefault(require("../../ui/src/iconStore")),_renderer=require("../../ui/src/renderer"),_utils=require("../../ui/src/utils"),_vn=require("../../ui/src/vn"),_i18n=require("../../ui/src/i18n"),_util=require("./util"),_render=require("./render");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const formItemProps=exports.formItemProps={title:String,field:String,span:[String,Number],align:String,titleAlign:{type:String,default:null},titleWidth:{type:[String,Number],default:null},titleColon:{type:Boolean,default:null},titleAsterisk:{type:Boolean,default:null},showTitle:{type:Boolean,default:!0},vertical:{type:Boolean,default:null},className:[String,Function],contentClassName:[String,Function],contentStyle:[Object,Function],titleClassName:[String,Function],titleStyle:[Object,Function],titleOverflow:{type:[Boolean,String],default:null},titlePrefix:Object,titleSuffix:Object,resetValue:{default:null},visibleMethod:Function,visible:{type:Boolean,default:null},folding:Boolean,collapseNode:Boolean,itemRender:Object};var _default=exports.default=(0,_vue.defineComponent)({name:"VxeFormItem",props:formItemProps,setup(e,{slots:t}){const W=(0,_vue.ref)(),E=(0,_vue.inject)("$xeForm",{}),l=(0,_vue.inject)("$xeFormGather",null),G=(0,_vue.reactive)((0,_util.createItem)(E,e));G.slots=t;t={itemConfig:G};(0,_vue.provide)("xeFormItemInfo",t),(0,_util.watchItem)(e,G),(0,_vue.onMounted)(()=>{(0,_util.assemItem)(E,W.value,G,l)}),(0,_vue.onUnmounted)(()=>{(0,_util.destroyItem)(E,G)});t={formItem:G,renderVN:()=>{var l=E?E.props:null;if(l&&l.customLayout){var i=E,l=G,{props:n,reactData:r}=i,{data:s,rules:u,titleAlign:o,titleWidth:a,titleColon:d,titleAsterisk:f,titleOverflow:m,vertical:c}=n,r=r["collapseAll"],v=(v=i.getComputeMaps()["computeValidOpts"]).value,{slots:_,title:p,visible:x,folding:$,field:g,collapseNode:k,itemRender:h,showError:D,errRule:F,className:N,titleOverflow:U,vertical:S,showTitle:P,contentClassName:y,contentStyle:C,titleClassName:I,titleStyle:q}=l,O=(0,_utils.isEnableConf)(h)?_renderer.renderer.get(h.name):null,b=O?O.itemClassName:"",j=O?O.itemStyle:null,w=O?O.itemContentClassName:"",A=O?O.itemContentStyle:null,M=O?O.itemTitleClassName:"",T=O?O.itemTitleStyle:null,B=_?_.default:null,_=_?_.title:null,R=l.span||n.span,n=l.align||n.align,o=_xeUtils.default.eqNull(l.titleAlign)?o:l.titleAlign,a=_xeUtils.default.eqNull(l.titleWidth)?a:l.titleWidth,d=_xeUtils.default.eqNull(l.titleColon)?d:l.titleColon,f=_xeUtils.default.eqNull(l.titleAsterisk)?f:l.titleAsterisk,m=_xeUtils.default.isUndefined(U)||_xeUtils.default.isNull(U)?m:U,U=_xeUtils.default.isUndefined(S)||_xeUtils.default.isNull(S)?c:S,S=!0===m||"tooltip"===m,m=(c="title"===m)||S||"ellipsis"===m;const V={data:s,field:g,property:g,item:l,$form:i,$grid:i.xegrid};let e=!1;if(!1===x)return(0,_vue.createCommentVNode)();u&&(x=u[g])&&(e=x.some(e=>e.required));let t=[];return B?t=i.callSlot(B,V):O&&O.renderItemContent?t=(0,_vn.getSlotVNs)(O.renderItemContent(h,V)):g&&(t=[""+_xeUtils.default.get(s,g)]),k&&t.push((0,_vue.h)("div",{class:"vxe-form--item-trigger-node",onClick:i.toggleCollapseEvent},[(0,_vue.h)("span",{class:"vxe-form--item-trigger-text"},r?(0,_i18n.getI18n)("vxe.form.unfolding"):(0,_i18n.getI18n)("vxe.form.folding")),(0,_vue.h)("i",{class:["vxe-form--item-trigger-icon",r?_iconStore.default.FORM_FOLDING:_iconStore.default.FORM_UNFOLDING]})])),F&&v.showMessage&&t.push((0,_vue.h)("div",{class:"vxe-form--item-valid",style:F.maxWidth?{width:F.maxWidth+"px"}:null},F.message)),u=S?{onMouseenter(e){i.triggerTitleTipEvent(e,V)},onMouseleave:i.handleTitleTipLeaveEvent}:{},(0,_vue.h)("div",{ref:W,class:["vxe-form--item",l.id,R?`vxe-col--${R} is--span`:"",N?_xeUtils.default.isFunction(N)?N(V):N:"",b?_xeUtils.default.isFunction(b)?b(V):b:"",{"is--title":p,"is--colon":d,"is--vertical":U,"is--asterisk":f,"is--required":e,"is--hidden":$&&r,"is--active":(0,_util.isActivetem)(i,l),"is--error":D}],style:_xeUtils.default.isFunction(j)?j(V):j},[(0,_vue.h)("div",{class:"vxe-form--item-inner"},[!1!==P&&(p||_)?(0,_vue.h)("div",{class:["vxe-form--item-title",o?"align--"+o:"",m?"is--ellipsis":"",M?_xeUtils.default.isFunction(M)?M(V):M:"",I?_xeUtils.default.isFunction(I)?I(V):I:""],style:Object.assign({},_xeUtils.default.isFunction(T)?T(V):T,_xeUtils.default.isFunction(q)?q(V):q,a?{width:isNaN(a)?a:a+"px"}:null),title:c?(0,_utils.getFuncText)(p):null,...u},(0,_render.renderTitle)(i,l)):null,(0,_vue.h)("div",{class:["vxe-form--item-content",n?"align--"+n:"",w?_xeUtils.default.isFunction(w)?w(V):w:"",y?_xeUtils.default.isFunction(y)?y(V):y:""],style:Object.assign({},_xeUtils.default.isFunction(A)?A(V):A,_xeUtils.default.isFunction(C)?C(V):C)},t)])])}return(0,_vue.h)("div",{ref:W})}};return(0,_vue.provide)("$xeFormItem",t),(0,_vue.provide)("$xeFormGather",null),t},render(){return this.renderVN()}});
|
package/lib/form/src/form.js
CHANGED
|
@@ -153,6 +153,7 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
153
153
|
visible: false
|
|
154
154
|
}
|
|
155
155
|
});
|
|
156
|
+
(0, _vue.provide)('xeFormItemInfo', null);
|
|
156
157
|
const $xegrid = (0, _vue.inject)('$xegrid', null);
|
|
157
158
|
const refElem = (0, _vue.ref)();
|
|
158
159
|
const refTooltip = (0, _vue.ref)();
|
|
@@ -757,9 +758,8 @@ var _default = exports.default = (0, _vue.defineComponent)({
|
|
|
757
758
|
};
|
|
758
759
|
$xeform.renderVN = renderVN;
|
|
759
760
|
(0, _vue.provide)('$xeForm', $xeform);
|
|
760
|
-
(0, _vue.provide)('$
|
|
761
|
-
(0, _vue.provide)('$
|
|
762
|
-
(0, _vue.provide)('$xeFormItemInfo', null);
|
|
761
|
+
(0, _vue.provide)('$xeFormGather', null);
|
|
762
|
+
(0, _vue.provide)('$xeFormItem', null);
|
|
763
763
|
return $xeform;
|
|
764
764
|
},
|
|
765
765
|
render() {
|
package/lib/form/src/form.min.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_globalStore=_interopRequireDefault(require("../../ui/src/globalStore")),_renderer=require("../../ui/src/renderer"),_validators=require("../../ui/src/validators"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_dom=require("../../ui/src/dom"),_util=require("./util"),_size=require("../../hooks/size"),_tooltip=_interopRequireDefault(require("../../tooltip")),_formConfigItem=_interopRequireDefault(require("./form-config-item")),_index=_interopRequireDefault(require("../../loading/index")),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}class Rule{constructor(e){Object.assign(this,{$options:e,required:e.required,min:e.min,max:e.min,type:e.type,pattern:e.pattern,validator:e.validator,trigger:e.trigger,maxWidth:e.maxWidth})}get content(){return(0,_utils.getFuncText)(this.$options.content||this.$options.message)}get message(){return this.content}}const validErrorRuleValue=(e,t)=>{var{type:e,min:l,max:r,pattern:i}=e,e="number"===e,a=e?_xeUtils.default.toNumber(t):_xeUtils.default.getSize(t);return!(!e||!isNaN(t))||!_xeUtils.default.eqNull(l)&&a<_xeUtils.default.toNumber(l)||!_xeUtils.default.eqNull(r)&&a>_xeUtils.default.toNumber(r)||!(!i||(_xeUtils.default.isRegExp(i)?i:new RegExp(i)).test(t))};function getResetValue(e,t){return t=_xeUtils.default.isArray(e)?[]:t}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeForm",props:{collapseStatus:{type:Boolean,default:!0},loading:Boolean,data:Object,size:{type:String,default:()=>_globalStore.default.form.size||_globalStore.default.size},span:{type:[String,Number],default:()=>_globalStore.default.form.span},align:{type:String,default:()=>_globalStore.default.form.align},titleAlign:{type:String,default:()=>_globalStore.default.form.titleAlign},titleWidth:{type:[String,Number],default:()=>_globalStore.default.form.titleWidth},titleColon:{type:Boolean,default:()=>_globalStore.default.form.titleColon},titleAsterisk:{type:Boolean,default:()=>_globalStore.default.form.titleAsterisk},titleOverflow:{type:[Boolean,String],default:null},vertical:{type:Boolean,default:null},className:[String,Function],readonly:Boolean,items:Array,rules:Object,preventSubmit:{type:Boolean,default:()=>_globalStore.default.form.preventSubmit},validConfig:Object,tooltipConfig:Object,customLayout:{type:Boolean,default:()=>_globalStore.default.form.customLayout}},emits:["update:collapseStatus","collapse","toggle-collapse","submit","submit-invalid","reset"],setup(n,e){const{slots:s,emit:r}=e;var t=_xeUtils.default.uniqueId();const d=(0,_size.useSize)(n),c=(0,_vue.reactive)({collapseAll:n.collapseStatus,staticItems:[],formItems:[]}),o=(0,_vue.reactive)({tooltipTimeout:null,tooltipStore:{item:null,visible:!1}}),i=(0,_vue.inject)("$xegrid",null),m=(0,_vue.ref)(),f=(0,_vue.ref)();let l={};const v=(0,_vue.computed)(()=>Object.assign({},_globalStore.default.form.validConfig,n.validConfig)),p=(0,_vue.computed)(()=>Object.assign({},_globalStore.default.tooltip,_globalStore.default.form.tooltipConfig,n.tooltipConfig)),a={refElem:m},u={computeSize:d,computeValidOpts:v,computeTooltipOpts:p},_={xID:t,props:n,context:e,reactData:c,xegrid:i,getRefMaps:()=>a,getComputeMaps:()=>u};const g=e=>(e.length&&("development"===process.env.NODE_ENV&&e.forEach(e=>{e.slots&&_xeUtils.default.each(e.slots,e=>{_xeUtils.default.isFunction(e)||s[e]||(0,_log.errLog)("vxe.error.notSlot",[e])})}),c.staticItems=_xeUtils.default.mapTree(e,e=>(0,_util.createItem)(_,e),{children:"children"})),(0,_vue.nextTick)()),h=()=>{const t=[];return _xeUtils.default.eachTree(c.formItems,e=>{t.push(e)},{children:"children"}),t},x=t=>{var e=_xeUtils.default.findTree(c.formItems,e=>e.field===t,{children:"children"});return e?e.item:null},b=()=>c.collapseAll,S=()=>{var e=!b();return c.collapseAll=e,r("update:collapseStatus",e),(0,_vue.nextTick)()};const y=t=>{if(t){let e=t;(e=_xeUtils.default.isArray(t)?e:[t]).forEach(e=>{e&&(e=(0,_util.handleFieldOrItem)(_,e))&&(e.showError=!1)})}else h().forEach(e=>{e.showError=!1});return(0,_vue.nextTick)()},E=()=>{const i=n["data"];var e=h();return i&&e.forEach(e=>{var{field:t,resetValue:l,itemRender:r}=e;(0,_utils.isEnableConf)(r)&&((r=_renderer.renderer.get(r.name))&&r.itemResetMethod?r.itemResetMethod({data:i,field:t,property:t,item:e,$form:_,$grid:_.xegrid}):t&&_xeUtils.default.set(i,t,null===l?getResetValue(_xeUtils.default.get(i,t),void 0):_xeUtils.default.clone(l,!0)))}),y()},U=e=>{e.preventDefault(),E(),l.dispatchEvent("reset",{data:n.data},e)},q=e=>{var l=m.value;if(l)for(let t=0;t<e.length;t++){var r=e[t],r=x(r);if(r&&(0,_utils.isEnableConf)(r.itemRender)){var i=r["itemRender"],a=_renderer.renderer.get(i.name);let e=null;if(t||(0,_dom.scrollToView)(l.querySelector("."+r.id)),e=!(e=i.autofocus?l.querySelector(`.${r.id} `+i.autofocus):e)&&a&&a.autofocus?l.querySelector(`.${r.id} `+a.autofocus):e){e.focus();break}}}},R=(e,t,l)=>{const{data:f,rules:r}=n,i={};return _xeUtils.default.isArray(t)||(t=[t]),Promise.all(t.map(s=>{const n=[],d=[];if(s&&r){const c=_xeUtils.default.get(r,s);if(c){const m=_xeUtils.default.isUndefined(l)?_xeUtils.default.get(f,s):l;c.forEach(t=>{const{type:l,trigger:r,required:i,validator:a}=t;if("all"===e||!r||e===r)if(a){var o={itemValue:m,rule:t,rules:c,data:f,field:s,property:s,$form:_};let e;_xeUtils.default.isString(a)?(u=_validators.validators.get(a))?u.itemValidatorMethod?e=u.itemValidatorMethod(o):"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.notValidators",[a]):"development"===process.env.NODE_ENV&&(0,_log.errLog)("vxe.error.notValidators",[a]):e=a(o),e&&(_xeUtils.default.isError(e)?n.push(new Rule({type:"custom",trigger:r,content:e.message,rule:new Rule(t)})):e.catch&&d.push(e.catch(e=>{n.push(new Rule({type:"custom",trigger:r,content:e?e.message:t.content||t.message,rule:new Rule(t)}))})))}else{var u="array"===l,o=_xeUtils.default.isArray(m);let e=!0;e=u||o?!o||!m.length:_xeUtils.default.isString(m)?(0,_utils.eqEmptyValue)(m.trim()):(0,_utils.eqEmptyValue)(m),(i?e||validErrorRuleValue(t,m):!e&&validErrorRuleValue(t,m))&&n.push(new Rule(t))}})}}return Promise.all(d).then(()=>{n.length&&(i[s]=n.map(e=>({$form:_,rule:e,data:f,field:s,property:s})))})})).then(()=>{if(!_xeUtils.default.isEmpty(i))return Promise.reject(i)})};let w;const T=(t,e,l)=>{var{data:r,rules:i}=n;const a=v.value,o={},u=[],s=[];return clearTimeout(w),r&&i?(t.forEach(t=>{const l=t["field"];l&&!(0,_util.isHiddenItem)(_,t)&&(0,_util.isActivetem)(_,t)&&s.push(R(e||"all",l).then(()=>{t.errRule=null}).catch(e=>{e=e[l];return o[l]||(o[l]=[]),o[l].push(e),u.push(l),t.errRule=e[0].rule,Promise.reject(e)}))}),Promise.all(s).then(()=>{l&&l()}).catch(()=>new Promise(e=>{w=window.setTimeout(()=>{t.forEach(e=>{e.errRule&&(e.showError=!0)})},20),!1!==a.autoPos&&(0,_vue.nextTick)(()=>{q(u)}),l?(l(o),e()):e(o)}))):(l&&l(),Promise.resolve())};const V=t=>{t.preventDefault(),n.preventSubmit||(y(),T(h()).then(e=>{e?l.dispatchEvent("submit-invalid",{data:n.data,errMap:e},t):l.dispatchEvent("submit",{data:n.data},t)}))},I=()=>{var e=o["tooltipStore"],t=f.value;return e.visible&&(Object.assign(e,{item:null,visible:!1}),t)&&t.close(),(0,_vue.nextTick)()};const N=(e,l,t)=>l?R(e?["blur"].includes(e.type)?"blur":"change":"all",l,t).then(()=>{y(l)}).catch(e=>{var e=e[l],t=x(l);e&&t&&(t.showError=!0,t.errRule=e[0].rule)}):(0,_vue.nextTick)();l={dispatchEvent(e,t,l){r(e,Object.assign({$form:_,$grid:i,$event:l},t))},reset:E,validate:e=>(y(),T(h(),"",e)),validateField:(e,t)=>{let l=[];return l=_xeUtils.default.isArray(e)?e:[e],T(l.map(e=>(0,_util.handleFieldOrItem)(_,e)),"",t)},clearValidate:y,updateStatus:(e,t)=>{e=e.field;return N(new Event("change"),e,t)},toggleCollapse:S,getItems:h,getItemByField:x,closeTooltip:I};t={callSlot:(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=s[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],triggerItemEvent:N,toggleCollapseEvent:e=>{S();var t=b();l.dispatchEvent("toggle-collapse",{status:t,collapse:t,data:n.data},e),l.dispatchEvent("collapse",{status:t,collapse:t,data:n.data},e)},triggerTitleTipEvent:(e,t)=>{var t=t["item"],l=o["tooltipStore"],r=f.value,e=e.currentTarget.children[0],i=(e.textContent||"").trim(),a=e.scrollWidth>e.clientWidth;clearTimeout(o.tooltipTimeout),l.item!==t&&I(),i&&a&&(Object.assign(l,{item:t,visible:!0}),r)&&r.open(e,i)},handleTitleTipLeaveEvent:()=>{var e=p.value;let t=f.value;t&&t.setActived(!1),e.enterable?o.tooltipTimeout=setTimeout(()=>{(t=f.value)&&!t.isActived()&&I()},e.leaveDelay):I()}};Object.assign(_,l,t);const O=(0,_vue.ref)(0),C=((0,_vue.watch)(()=>c.staticItems.length,()=>{O.value++}),(0,_vue.watch)(()=>c.staticItems,()=>{O.value++}),(0,_vue.watch)(O,()=>{c.formItems=c.staticItems}),(0,_vue.ref)(0));(0,_vue.watch)(()=>n.items?n.items.length:-1,()=>{C.value++}),(0,_vue.watch)(()=>n.items,()=>{C.value++}),(0,_vue.watch)(C,()=>{g(n.items||[])}),(0,_vue.watch)(()=>n.collapseStatus,e=>{c.collapseAll=!!e}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{"development"===process.env.NODE_ENV&&n.customLayout&&n.items&&(0,_log.errLog)("vxe.error.errConflicts",["custom-layout","items"]),g(n.items||[])})});return _.renderVN=()=>{var{loading:e,className:t,data:l,customLayout:r}=n,i=c["formItems"],a=d.value,o=p.value,u=s.default;return(0,_vue.h)("form",{ref:m,class:["vxe-form",t?_xeUtils.default.isFunction(t)?t({items:i,data:l,$form:_}):t:"",{["size--"+a]:a,"is--loading":e}],onSubmit:V,onReset:U},[(0,_vue.h)("div",{class:"vxe-form--wrapper vxe-row"},r?u?u({}):[]:i.map((e,t)=>(0,_vue.h)(_formConfigItem.default,{key:t,itemConfig:e}))),(0,_vue.h)("div",{class:"vxe-form-slots",ref:"hideItem"},!r&&u?u({}):[]),(0,_vue.h)(_index.default,{class:"vxe-form--loading",modelValue:e}),(0,_vue.h)(_tooltip.default,{ref:f,...o})])},(0,_vue.provide)("$xeForm",_),(0,_vue.provide)("$xeformgather",null),(0,_vue.provide)("$xeformitem",null),(0,_vue.provide)("$xeFormItemInfo",null),_},render(){return this.renderVN()}});
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _vue=require("vue"),_xeUtils=_interopRequireDefault(require("xe-utils")),_globalStore=_interopRequireDefault(require("../../ui/src/globalStore")),_renderer=require("../../ui/src/renderer"),_validators=require("../../ui/src/validators"),_utils=require("../../ui/src/utils"),_log=require("../../ui/src/log"),_dom=require("../../ui/src/dom"),_util=require("./util"),_size=require("../../hooks/size"),_tooltip=_interopRequireDefault(require("../../tooltip")),_formConfigItem=_interopRequireDefault(require("./form-config-item")),_index=_interopRequireDefault(require("../../loading/index")),_vn=require("../../ui/src/vn");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}class Rule{constructor(e){Object.assign(this,{$options:e,required:e.required,min:e.min,max:e.min,type:e.type,pattern:e.pattern,validator:e.validator,trigger:e.trigger,maxWidth:e.maxWidth})}get content(){return(0,_utils.getFuncText)(this.$options.content||this.$options.message)}get message(){return this.content}}const validErrorRuleValue=(e,t)=>{var{type:e,min:l,max:r,pattern:i}=e,e="number"===e,a=e?_xeUtils.default.toNumber(t):_xeUtils.default.getSize(t);return!(!e||!isNaN(t))||!_xeUtils.default.eqNull(l)&&a<_xeUtils.default.toNumber(l)||!_xeUtils.default.eqNull(r)&&a>_xeUtils.default.toNumber(r)||!(!i||(_xeUtils.default.isRegExp(i)?i:new RegExp(i)).test(t))};function getResetValue(e,t){return t=_xeUtils.default.isArray(e)?[]:t}var _default=exports.default=(0,_vue.defineComponent)({name:"VxeForm",props:{collapseStatus:{type:Boolean,default:!0},loading:Boolean,data:Object,size:{type:String,default:()=>_globalStore.default.form.size||_globalStore.default.size},span:{type:[String,Number],default:()=>_globalStore.default.form.span},align:{type:String,default:()=>_globalStore.default.form.align},titleAlign:{type:String,default:()=>_globalStore.default.form.titleAlign},titleWidth:{type:[String,Number],default:()=>_globalStore.default.form.titleWidth},titleColon:{type:Boolean,default:()=>_globalStore.default.form.titleColon},titleAsterisk:{type:Boolean,default:()=>_globalStore.default.form.titleAsterisk},titleOverflow:{type:[Boolean,String],default:null},vertical:{type:Boolean,default:null},className:[String,Function],readonly:Boolean,items:Array,rules:Object,preventSubmit:{type:Boolean,default:()=>_globalStore.default.form.preventSubmit},validConfig:Object,tooltipConfig:Object,customLayout:{type:Boolean,default:()=>_globalStore.default.form.customLayout}},emits:["update:collapseStatus","collapse","toggle-collapse","submit","submit-invalid","reset"],setup(n,e){const{slots:s,emit:r}=e;var t=_xeUtils.default.uniqueId();const d=(0,_size.useSize)(n),c=(0,_vue.reactive)({collapseAll:n.collapseStatus,staticItems:[],formItems:[]}),o=(0,_vue.reactive)({tooltipTimeout:null,tooltipStore:{item:null,visible:!1}}),i=((0,_vue.provide)("xeFormItemInfo",null),(0,_vue.inject)("$xegrid",null)),m=(0,_vue.ref)(),f=(0,_vue.ref)();let l={};const v=(0,_vue.computed)(()=>Object.assign({},_globalStore.default.form.validConfig,n.validConfig)),p=(0,_vue.computed)(()=>Object.assign({},_globalStore.default.tooltip,_globalStore.default.form.tooltipConfig,n.tooltipConfig)),a={refElem:m},u={computeSize:d,computeValidOpts:v,computeTooltipOpts:p},_={xID:t,props:n,context:e,reactData:c,xegrid:i,getRefMaps:()=>a,getComputeMaps:()=>u};const g=e=>(e.length&&("development"===process.env.NODE_ENV&&e.forEach(e=>{e.slots&&_xeUtils.default.each(e.slots,e=>{_xeUtils.default.isFunction(e)||s[e]||(0,_log.errLog)("vxe.error.notSlot",[e])})}),c.staticItems=_xeUtils.default.mapTree(e,e=>(0,_util.createItem)(_,e),{children:"children"})),(0,_vue.nextTick)()),h=()=>{const t=[];return _xeUtils.default.eachTree(c.formItems,e=>{t.push(e)},{children:"children"}),t},x=t=>{var e=_xeUtils.default.findTree(c.formItems,e=>e.field===t,{children:"children"});return e?e.item:null},b=()=>c.collapseAll,S=()=>{var e=!b();return c.collapseAll=e,r("update:collapseStatus",e),(0,_vue.nextTick)()};const y=t=>{if(t){let e=t;(e=_xeUtils.default.isArray(t)?e:[t]).forEach(e=>{e&&(e=(0,_util.handleFieldOrItem)(_,e))&&(e.showError=!1)})}else h().forEach(e=>{e.showError=!1});return(0,_vue.nextTick)()},E=()=>{const i=n["data"];var e=h();return i&&e.forEach(e=>{var{field:t,resetValue:l,itemRender:r}=e;(0,_utils.isEnableConf)(r)&&((r=_renderer.renderer.get(r.name))&&r.itemResetMethod?r.itemResetMethod({data:i,field:t,property:t,item:e,$form:_,$grid:_.xegrid}):t&&_xeUtils.default.set(i,t,null===l?getResetValue(_xeUtils.default.get(i,t),void 0):_xeUtils.default.clone(l,!0)))}),y()},U=e=>{e.preventDefault(),E(),l.dispatchEvent("reset",{data:n.data},e)},q=e=>{var l=m.value;if(l)for(let t=0;t<e.length;t++){var r=e[t],r=x(r);if(r&&(0,_utils.isEnableConf)(r.itemRender)){var i=r["itemRender"],a=_renderer.renderer.get(i.name);let e=null;if(t||(0,_dom.scrollToView)(l.querySelector("."+r.id)),e=!(e=i.autofocus?l.querySelector(`.${r.id} `+i.autofocus):e)&&a&&a.autofocus?l.querySelector(`.${r.id} `+a.autofocus):e){e.focus();break}}}},R=(e,t,l)=>{const{data:f,rules:r}=n,i={};return _xeUtils.default.isArray(t)||(t=[t]),Promise.all(t.map(s=>{const n=[],d=[];if(s&&r){const c=_xeUtils.default.get(r,s);if(c){const m=_xeUtils.default.isUndefined(l)?_xeUtils.default.get(f,s):l;c.forEach(t=>{const{type:l,trigger:r,required:i,validator:a}=t;if("all"===e||!r||e===r)if(a){var o={itemValue:m,rule:t,rules:c,data:f,field:s,property:s,$form:_};let e;_xeUtils.default.isString(a)?(u=_validators.validators.get(a))?u.itemValidatorMethod?e=u.itemValidatorMethod(o):"development"===process.env.NODE_ENV&&(0,_log.warnLog)("vxe.error.notValidators",[a]):"development"===process.env.NODE_ENV&&(0,_log.errLog)("vxe.error.notValidators",[a]):e=a(o),e&&(_xeUtils.default.isError(e)?n.push(new Rule({type:"custom",trigger:r,content:e.message,rule:new Rule(t)})):e.catch&&d.push(e.catch(e=>{n.push(new Rule({type:"custom",trigger:r,content:e?e.message:t.content||t.message,rule:new Rule(t)}))})))}else{var u="array"===l,o=_xeUtils.default.isArray(m);let e=!0;e=u||o?!o||!m.length:_xeUtils.default.isString(m)?(0,_utils.eqEmptyValue)(m.trim()):(0,_utils.eqEmptyValue)(m),(i?e||validErrorRuleValue(t,m):!e&&validErrorRuleValue(t,m))&&n.push(new Rule(t))}})}}return Promise.all(d).then(()=>{n.length&&(i[s]=n.map(e=>({$form:_,rule:e,data:f,field:s,property:s})))})})).then(()=>{if(!_xeUtils.default.isEmpty(i))return Promise.reject(i)})};let w;const T=(t,e,l)=>{var{data:r,rules:i}=n;const a=v.value,o={},u=[],s=[];return clearTimeout(w),r&&i?(t.forEach(t=>{const l=t["field"];l&&!(0,_util.isHiddenItem)(_,t)&&(0,_util.isActivetem)(_,t)&&s.push(R(e||"all",l).then(()=>{t.errRule=null}).catch(e=>{e=e[l];return o[l]||(o[l]=[]),o[l].push(e),u.push(l),t.errRule=e[0].rule,Promise.reject(e)}))}),Promise.all(s).then(()=>{l&&l()}).catch(()=>new Promise(e=>{w=window.setTimeout(()=>{t.forEach(e=>{e.errRule&&(e.showError=!0)})},20),!1!==a.autoPos&&(0,_vue.nextTick)(()=>{q(u)}),l?(l(o),e()):e(o)}))):(l&&l(),Promise.resolve())};const I=t=>{t.preventDefault(),n.preventSubmit||(y(),T(h()).then(e=>{e?l.dispatchEvent("submit-invalid",{data:n.data,errMap:e},t):l.dispatchEvent("submit",{data:n.data},t)}))},V=()=>{var e=o["tooltipStore"],t=f.value;return e.visible&&(Object.assign(e,{item:null,visible:!1}),t)&&t.close(),(0,_vue.nextTick)()};const N=(e,l,t)=>l?R(e?["blur"].includes(e.type)?"blur":"change":"all",l,t).then(()=>{y(l)}).catch(e=>{var e=e[l],t=x(l);e&&t&&(t.showError=!0,t.errRule=e[0].rule)}):(0,_vue.nextTick)();l={dispatchEvent(e,t,l){r(e,Object.assign({$form:_,$grid:i,$event:l},t))},reset:E,validate:e=>(y(),T(h(),"",e)),validateField:(e,t)=>{let l=[];return l=_xeUtils.default.isArray(e)?e:[e],T(l.map(e=>(0,_util.handleFieldOrItem)(_,e)),"",t)},clearValidate:y,updateStatus:(e,t)=>{e=e.field;return N(new Event("change"),e,t)},toggleCollapse:S,getItems:h,getItemByField:x,closeTooltip:V};t={callSlot:(e,t)=>e&&(_xeUtils.default.isString(e)&&(e=s[e]||null),_xeUtils.default.isFunction(e))?(0,_vn.getSlotVNs)(e(t)):[],triggerItemEvent:N,toggleCollapseEvent:e=>{S();var t=b();l.dispatchEvent("toggle-collapse",{status:t,collapse:t,data:n.data},e),l.dispatchEvent("collapse",{status:t,collapse:t,data:n.data},e)},triggerTitleTipEvent:(e,t)=>{var t=t["item"],l=o["tooltipStore"],r=f.value,e=e.currentTarget.children[0],i=(e.textContent||"").trim(),a=e.scrollWidth>e.clientWidth;clearTimeout(o.tooltipTimeout),l.item!==t&&V(),i&&a&&(Object.assign(l,{item:t,visible:!0}),r)&&r.open(e,i)},handleTitleTipLeaveEvent:()=>{var e=p.value;let t=f.value;t&&t.setActived(!1),e.enterable?o.tooltipTimeout=setTimeout(()=>{(t=f.value)&&!t.isActived()&&V()},e.leaveDelay):V()}};Object.assign(_,l,t);const O=(0,_vue.ref)(0),C=((0,_vue.watch)(()=>c.staticItems.length,()=>{O.value++}),(0,_vue.watch)(()=>c.staticItems,()=>{O.value++}),(0,_vue.watch)(O,()=>{c.formItems=c.staticItems}),(0,_vue.ref)(0));(0,_vue.watch)(()=>n.items?n.items.length:-1,()=>{C.value++}),(0,_vue.watch)(()=>n.items,()=>{C.value++}),(0,_vue.watch)(C,()=>{g(n.items||[])}),(0,_vue.watch)(()=>n.collapseStatus,e=>{c.collapseAll=!!e}),(0,_vue.onMounted)(()=>{(0,_vue.nextTick)(()=>{"development"===process.env.NODE_ENV&&n.customLayout&&n.items&&(0,_log.errLog)("vxe.error.errConflicts",["custom-layout","items"]),g(n.items||[])})});return _.renderVN=()=>{var{loading:e,className:t,data:l,customLayout:r}=n,i=c["formItems"],a=d.value,o=p.value,u=s.default;return(0,_vue.h)("form",{ref:m,class:["vxe-form",t?_xeUtils.default.isFunction(t)?t({items:i,data:l,$form:_}):t:"",{["size--"+a]:a,"is--loading":e}],onSubmit:I,onReset:U},[(0,_vue.h)("div",{class:"vxe-form--wrapper vxe-row"},r?u?u({}):[]:i.map((e,t)=>(0,_vue.h)(_formConfigItem.default,{key:t,itemConfig:e}))),(0,_vue.h)("div",{class:"vxe-form-slots",ref:"hideItem"},!r&&u?u({}):[]),(0,_vue.h)(_index.default,{class:"vxe-form--loading",modelValue:e}),(0,_vue.h)(_tooltip.default,{ref:f,...o})])},(0,_vue.provide)("$xeForm",_),(0,_vue.provide)("$xeFormGather",null),(0,_vue.provide)("$xeFormItem",null),_},render(){return this.renderVN()}});
|