vxe-pc-ui 4.5.5 → 4.5.7
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 +1 -1
- package/es/components.js +3 -3
- package/es/icon/style.css +1 -1
- package/es/modal/src/modal.js +1 -2
- package/es/split/src/{split-item.js → split-pane.js} +14 -14
- package/es/split/src/split.js +10 -10
- package/es/split/src/util.js +4 -4
- package/es/split/style.css +35 -35
- package/es/split/style.min.css +1 -1
- package/es/split-pane/index.js +13 -0
- package/es/style.css +1 -1
- package/es/style.min.css +1 -1
- package/es/ui/index.js +2 -2
- package/es/ui/src/log.js +1 -1
- package/es/upload/src/upload.js +15 -15
- package/es/upload/style.css +1 -1
- package/es/upload/style.min.css +1 -1
- package/es/vxe-split/style.css +35 -35
- package/es/vxe-split/style.min.css +1 -1
- package/es/vxe-split-pane/index.js +3 -0
- package/es/vxe-upload/style.css +1 -1
- package/es/vxe-upload/style.min.css +1 -1
- package/lib/components.js +5 -5
- package/lib/components.min.js +1 -1
- package/lib/icon/style/style.css +1 -1
- package/lib/icon/style/style.min.css +1 -1
- package/lib/index.umd.js +63 -63
- package/lib/index.umd.min.js +1 -1
- package/lib/modal/src/modal.js +1 -2
- package/lib/modal/src/modal.min.js +1 -1
- package/lib/split/src/{split-item.js → split-pane.js} +14 -14
- package/lib/split/src/{split-item.min.js → split-pane.min.js} +1 -1
- package/lib/split/src/split.js +10 -10
- package/lib/split/src/split.min.js +1 -1
- package/lib/split/src/util.js +4 -4
- package/lib/split/style/style.css +35 -35
- package/lib/split/style/style.min.css +1 -1
- package/lib/split-pane/index.js +20 -0
- package/lib/split-pane/index.min.js +1 -0
- package/lib/style.css +1 -1
- package/lib/style.min.css +1 -1
- package/lib/ui/index.js +2 -2
- package/lib/ui/index.min.js +1 -1
- package/lib/ui/src/log.js +1 -1
- package/lib/ui/src/log.min.js +1 -1
- package/lib/upload/src/upload.js +16 -16
- package/lib/upload/src/upload.min.js +1 -1
- package/lib/upload/style/style.css +1 -1
- package/lib/upload/style/style.min.css +1 -1
- package/lib/vxe-split/style/style.css +35 -35
- package/lib/vxe-split/style/style.min.css +1 -1
- package/lib/{vxe-split-item → vxe-split-pane}/index.js +5 -5
- package/lib/vxe-split-pane/index.min.js +1 -0
- package/lib/vxe-upload/style/style.css +1 -1
- package/lib/vxe-upload/style/style.min.css +1 -1
- package/package.json +1 -1
- package/packages/components.ts +3 -3
- package/packages/modal/src/modal.ts +1 -2
- package/packages/split/src/{split-item.ts → split-pane.ts} +25 -25
- package/packages/split/src/split.ts +17 -17
- package/packages/split/src/util.ts +4 -4
- package/packages/split-pane/index.ts +17 -0
- package/packages/ui/index.ts +1 -1
- package/packages/upload/src/upload.ts +15 -15
- package/styles/all.scss +1 -1
- package/styles/components/split.scss +30 -30
- package/styles/components/upload.scss +1 -1
- package/types/all.d.ts +3 -3
- package/types/components/split-pane.d.ts +96 -0
- package/types/components/split.d.ts +20 -20
- package/types/ui/global-config.d.ts +2 -2
- package/es/split-item/index.js +0 -12
- package/es/vxe-split-item/index.js +0 -3
- package/lib/split-item/index.js +0 -19
- package/lib/split-item/index.min.js +0 -1
- package/lib/vxe-split-item/index.min.js +0 -1
- package/packages/split-item/index.ts +0 -16
- package/types/components/split-item.d.ts +0 -96
- /package/es/icon/{iconfont.1743138565378.ttf → iconfont.1743248072130.ttf} +0 -0
- /package/es/icon/{iconfont.1743138565378.woff → iconfont.1743248072130.woff} +0 -0
- /package/es/icon/{iconfont.1743138565378.woff2 → iconfont.1743248072130.woff2} +0 -0
- /package/es/{iconfont.1743138565378.ttf → iconfont.1743248072130.ttf} +0 -0
- /package/es/{iconfont.1743138565378.woff → iconfont.1743248072130.woff} +0 -0
- /package/es/{iconfont.1743138565378.woff2 → iconfont.1743248072130.woff2} +0 -0
- /package/es/{split-item → split-pane}/style.css +0 -0
- /package/es/{split-item → split-pane}/style.min.css +0 -0
- /package/es/{vxe-split-item → vxe-split-pane}/style.css +0 -0
- /package/es/{vxe-split-item → vxe-split-pane}/style.min.css +0 -0
- /package/lib/icon/style/{iconfont.1743138565378.ttf → iconfont.1743248072130.ttf} +0 -0
- /package/lib/icon/style/{iconfont.1743138565378.woff → iconfont.1743248072130.woff} +0 -0
- /package/lib/icon/style/{iconfont.1743138565378.woff2 → iconfont.1743248072130.woff2} +0 -0
- /package/lib/{iconfont.1743138565378.ttf → iconfont.1743248072130.ttf} +0 -0
- /package/lib/{iconfont.1743138565378.woff → iconfont.1743248072130.woff} +0 -0
- /package/lib/{iconfont.1743138565378.woff2 → iconfont.1743248072130.woff2} +0 -0
- /package/lib/{split-item → split-pane}/style/index.js +0 -0
- /package/lib/{split-item → split-pane}/style/style.css +0 -0
- /package/lib/{split-item → split-pane}/style/style.min.css +0 -0
- /package/lib/{vxe-split-item → vxe-split-pane}/style/index.js +0 -0
- /package/lib/{vxe-split-item → vxe-split-pane}/style/style.css +0 -0
- /package/lib/{vxe-split-item → vxe-split-pane}/style/style.min.css +0 -0
- /package/styles/components/{split-item.scss → split-pane.scss} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var _exportNames={},_splitPane=(exports.default=void 0,_interopRequireWildcard(require("../split-pane")));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,n,a={__proto__:null},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((n=o?Object.getOwnPropertyDescriptor(e,r):null)&&(n.get||n.set)?Object.defineProperty(a,r,n):a[r]=e[r]);return a.default=e,t&&t.set(e,a),a}Object.keys(_splitPane).forEach(function(e){"default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(_exportNames,e)||e in exports&&exports[e]===_splitPane[e]||Object.defineProperty(exports,e,{enumerable:!0,get:function(){return _splitPane[e]}})});var _default=exports.default=_splitPane.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
@charset "UTF-8";.vxe-upload{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-upload.show--error .vxe-upload--file-item.is--error{color:var(--vxe-ui-status-error-color)}.vxe-upload.show--error .vxe-upload--file-item.is--error:hover .vxe-upload--file-item-name{color:var(--vxe-ui-status-error-color)}.vxe-upload.show--error .vxe-upload--file-item.is--error .vxe-upload--file-item-name{text-decoration:line-through}.vxe-upload--more-popup.is--active .vxe-upload--image-action-box,.vxe-upload.is--active .vxe-upload--image-action-box{border-color:var(--vxe-ui-font-primary-color)}.vxe-upload--more-popup.is--active .vxe-upload--file-action-btn>.vxe-button,.vxe-upload.is--active .vxe-upload--file-action-btn>.vxe-button{border-color:var(--vxe-ui-font-primary-color);border-style:var(--vxe-ui-upload-file-button-border-style)}.vxe-upload--more-popup.is--disabled .vxe-upload--file-action-btn,.vxe-upload--more-popup.is--disabled .vxe-upload--image-action-box,.vxe-upload.is--disabled .vxe-upload--file-action-btn,.vxe-upload.is--disabled .vxe-upload--image-action-box{cursor:no-drop}.vxe-upload--drag-placeholder{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;font-weight:700;font-weight:var(--vxe-ui-font-darken-color);font-size:1.2em;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-upload-drag-over-background-color);border:1px dotted var(--vxe-ui-font-lighten-color);z-index:9}.vxe-upload--file-list-wrapper.is--horizontal{display:flex;flex-direction:row}.vxe-upload--file-list-wrapper.is--horizontal>.vxe-upload--file-list{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.vxe-upload--file-list-wrapper.is--horizontal>.vxe-upload--file-action{flex-shrink:0}.vxe-upload--file-list{max-height:294px;overflow:auto;outline:0}.vxe-upload--file-item{position:relative;display:flex;flex-direction:row;align-items:center;line-height:1.5em;padding:var(--vxe-ui-layout-padding-half)}.vxe-upload--file-item:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-upload--file-item:hover:not(.is--loading) .vxe-upload--file-item-name{color:var(--vxe-ui-font-primary-color)}.vxe-upload--file-item:last-child{margin-bottom:0}.vxe-upload--file-item.is--loading{cursor:progress;color:var(--vxe-ui-input-placeholder-color)}.vxe-upload--file-item.is--preview .vxe-upload--file-item-name{cursor:pointer}.vxe-upload--file-over-more{display:flex;align-items:center;justify-content:center;flex-shrink:0}.vxe-upload--file-over-more .vxe-button{padding-top:0;padding-bottom:0}.vxe-upload--file-action-btn{display:inline-block}.vxe-upload--file-action-btn>.vxe-button{border-style:var(--vxe-ui-upload-file-button-border-style)}.vxe-upload--file-action-button:hover{border-color:var(--vxe-ui-font-primary-color)}.vxe-upload--file-action-tip{font-size:.9em;padding:var(--vxe-ui-layout-padding-half);color:var(--vxe-ui-input-placeholder-color)}.vxe-upload--file-item-error{padding-right:.4em;color:var(--vxe-ui-status-error-color);text-decoration:none;cursor:help}.vxe-upload--file-item-icon{flex-shrink:0;padding-right:.2em}.vxe-upload--file-item-name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .2em}.vxe-upload--file-item-btn-wrapper{display:inline-flex;flex-direction:row;justify-content:center}.vxe-upload--file-item-loading-icon{padding-right:.2em}.vxe-upload--file-item-loading-icon,.vxe-upload--file-item-loading-text{color:var(--vxe-ui-loading-color);flex-shrink:0}.vxe-upload--file-item-corner,.vxe-upload--file-item-download-btn,.vxe-upload--file-item-remove-btn{flex-shrink:0}.vxe-upload--file-item-download-btn,.vxe-upload--file-item-remove-btn{padding-left:.5em;cursor:pointer}.vxe-upload--file-item-download-btn{color:var(--vxe-ui-font-primary-color)}.vxe-upload--file-item-download-btn:hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-upload--file-item-remove-btn{color:var(--vxe-ui-status-error-color)}.vxe-upload--file-item-remove-btn:hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-upload--image-list,.vxe-upload--image-more-list{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-upload--image-action,.vxe-upload--image-item,.vxe-upload--image-over-more{flex-shrink:0;text-align:center;padding:var(--vxe-ui-layout-padding-half)}.vxe-upload--image-over-more{display:flex;align-items:center;justify-content:center}.vxe-upload--image-action-icon{font-size:1.2em;padding-bottom:.1em}.vxe-upload--image-action-content{font-size:.9em;padding:0 .15em .5em .15em}.vxe-upload--image-action-box,.vxe-upload--image-item-box{position:relative;border-radius:var(--vxe-ui-base-border-radius)}.vxe-upload--image-item-box{display:flex;flex-direction:row;align-items:center;justify-content:center}.vxe-upload--image-action-box{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px var(--vxe-ui-upload-image-button-border-style) var(--vxe-ui-input-border-color);cursor:pointer}.vxe-upload--image-action-box:hover{color:var(--vxe-ui-font-primary-color);border-color:var(--vxe-ui-font-primary-color)}.vxe-upload.is--disabled .vxe-upload--file-action-btn,.vxe-upload.is--disabled .vxe-upload--image-action-box{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-upload.is--disabled .vxe-upload--image-action-box:hover{color:var(--vxe-ui-font-disabled-color);border-color:var(--vxe-ui-input-border-color)}.vxe-upload--image-item:hover:not(.is--loading) .vxe-upload--image-item-img-wrapper{border-color:var(--vxe-ui-font-primary-color)}.vxe-upload--image-item:hover:not(.is--loading) .vxe-upload--image-item-img-wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-color:rgba(0,0,0,.1)}.vxe-upload--image-item.is--loading .vxe-upload--image-item-box{cursor:progress}.vxe-upload--image-item.is--error .vxe-upload--image-item-img-wrapper{border-color:var(--vxe-ui-status-error-color)}.vxe-upload--image-item.is--preview .vxe-upload--image-item-box{cursor:pointer}.vxe-upload--image-item.is--circle .vxe-upload--image-item-img-wrapper{border-radius:50%;overflow:hidden}.vxe-upload--image-item.is--circle .vxe-upload--image-item-img-wrapper::after{border-radius:50%}.vxe-upload--image-item-img-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-upload--image-item-img{max-width:100%;max-height:100%}.vxe-upload--image-item-loading{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;color:var(--vxe-ui-loading-color);background-color:var(--vxe-ui-loading-background-color);z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-upload--image-action-hint{font-size:12px;word-break:break-all;color:var(--vxe-ui-input-placeholder-color)}.vxe-upload--image-item-btn-wrapper{display:inline-flex;flex-direction:row;justify-content:center;position:absolute;top:calc(var(--vxe-ui-layout-padding-half) * -1);right:calc(var(--vxe-ui-layout-padding-half) * -1)}.vxe-upload--file-item-,.vxe-upload--image-item-remove-btn{flex-shrink:0}.vxe-upload--image-item-remove-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;width:1.8em;height:1.8em;font-size:.8em;border-radius:50%;color:#fff;background-color:var(--vxe-ui-status-error-color);z-index:3;cursor:pointer}.vxe-upload--image-item-remove-btn:hover{background-color:var(--vxe-ui-status-error-lighten-color)}.vxe-upload--file-message-over-error .vxe-upload--file-message-over-extra{margin-top:.5em;max-height:160px;max-width:380px;overflow:auto;border:1px solid var(--vxe-ui-input-border-color);padding:var(--vxe-ui-layout-padding-half) var(--vxe-ui-layout-padding-default);outline:0}.vxe-upload--file-message-over-error .vxe-upload--file-message-over-extra-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-upload--drag-line{display:none;position:absolute;top:0;left:0;z-index:3;pointer-events:none}.vxe-upload--drag-line{width:1px;height:1px;border:2px solid transparent}.vxe-upload--drag-line[drag-pos=top]{border-top-color:var(--vxe-ui-font-primary-color)}.vxe-upload--drag-line[drag-pos=bottom]{border-bottom-color:var(--vxe-ui-font-primary-color)}.vxe-upload--drag-line[drag-pos=left]{border-left-color:var(--vxe-ui-font-primary-color)}.vxe-upload--drag-line[drag-pos=right]{border-right-color:var(--vxe-ui-font-primary-color)}.vxe-upload--drag-list-move{transition:transform .2s}.vxe-upload--more-popup{position:relative}.vxe-upload--more-popup .vxe-upload--file-list{max-height:none}.vxe-upload,.vxe-upload--more-popup{font-size:var(--vxe-ui-font-size-default)}.vxe-upload .vxe-upload--image-action-box,.vxe-upload .vxe-upload--image-item-box,.vxe-upload--more-popup .vxe-upload--image-action-box,.vxe-upload--more-popup .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-default);height:var(--vxe-ui-upload-image-wh-default)}.vxe-upload--more-popup.size--medium,.vxe-upload.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-upload--more-popup.size--medium .vxe-upload--image-action-box,.vxe-upload--more-popup.size--medium .vxe-upload--image-item-box,.vxe-upload.size--medium .vxe-upload--image-action-box,.vxe-upload.size--medium .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-medium);height:var(--vxe-ui-upload-image-wh-medium)}.vxe-upload--more-popup.size--small,.vxe-upload.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-upload--more-popup.size--small .vxe-upload--image-action-box,.vxe-upload--more-popup.size--small .vxe-upload--image-item-box,.vxe-upload.size--small .vxe-upload--image-action-box,.vxe-upload.size--small .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-small);height:var(--vxe-ui-upload-image-wh-small)}.vxe-upload--more-popup.size--mini,.vxe-upload.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-upload--more-popup.size--mini .vxe-upload--image-action-box,.vxe-upload--more-popup.size--mini .vxe-upload--image-item-box,.vxe-upload.size--mini .vxe-upload--image-action-box,.vxe-upload.size--mini .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-mini);height:var(--vxe-ui-upload-image-wh-mini)}.vxe-upload--image-more-list .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-default);height:var(--vxe-ui-upload-image-wh-default)}
|
|
1
|
+
@charset "UTF-8";.vxe-upload{position:relative;color:var(--vxe-ui-font-color);font-family:var(--vxe-ui-font-family)}.vxe-upload.show--error .vxe-upload--file-item.is--error{color:var(--vxe-ui-status-error-color)}.vxe-upload.show--error .vxe-upload--file-item.is--error:hover .vxe-upload--file-item-name{color:var(--vxe-ui-status-error-color)}.vxe-upload.show--error .vxe-upload--file-item.is--error .vxe-upload--file-item-name{text-decoration:line-through}.vxe-upload--more-popup.is--active .vxe-upload--image-action-box,.vxe-upload.is--active .vxe-upload--image-action-box{border-color:var(--vxe-ui-font-primary-color)}.vxe-upload--more-popup.is--active .vxe-upload--file-action-btn>.vxe-button,.vxe-upload.is--active .vxe-upload--file-action-btn>.vxe-button{border-color:var(--vxe-ui-font-primary-color);border-style:var(--vxe-ui-upload-file-button-border-style)}.vxe-upload--more-popup.is--disabled .vxe-upload--file-action-btn,.vxe-upload--more-popup.is--disabled .vxe-upload--image-action-box,.vxe-upload.is--disabled .vxe-upload--file-action-btn,.vxe-upload.is--disabled .vxe-upload--image-action-box{cursor:no-drop}.vxe-upload--drag-placeholder{display:flex;flex-direction:row;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;font-weight:700;font-weight:var(--vxe-ui-font-darken-color);font-size:1.2em;border-radius:var(--vxe-ui-base-border-radius);background-color:var(--vxe-ui-upload-drag-over-background-color);border:1px dotted var(--vxe-ui-font-lighten-color);z-index:9}.vxe-upload--file-list-wrapper.is--horizontal{display:flex;flex-direction:row}.vxe-upload--file-list-wrapper.is--horizontal>.vxe-upload--file-list{flex-grow:1;display:flex;flex-direction:column;justify-content:center}.vxe-upload--file-list-wrapper.is--horizontal>.vxe-upload--file-action{flex-shrink:0}.vxe-upload--file-list{max-height:294px;overflow:auto;outline:0}.vxe-upload--file-item{position:relative;display:flex;flex-direction:row;align-items:center;line-height:1.5em;padding:var(--vxe-ui-layout-padding-half)}.vxe-upload--file-item:hover{background-color:var(--vxe-ui-base-hover-background-color)}.vxe-upload--file-item:hover:not(.is--loading) .vxe-upload--file-item-name{color:var(--vxe-ui-font-primary-color)}.vxe-upload--file-item:last-child{margin-bottom:0}.vxe-upload--file-item.is--loading{cursor:progress;color:var(--vxe-ui-input-placeholder-color)}.vxe-upload--file-item.is--preview .vxe-upload--file-item-name{cursor:pointer}.vxe-upload--file-over-more{display:flex;align-items:center;justify-content:center;flex-shrink:0}.vxe-upload--file-over-more .vxe-button{padding-top:0;padding-bottom:0}.vxe-upload--file-action-btn{display:inline-block}.vxe-upload--file-action-btn>.vxe-button{border-style:var(--vxe-ui-upload-file-button-border-style)}.vxe-upload--file-action-button:hover{border-color:var(--vxe-ui-font-primary-color)}.vxe-upload--file-action-tip{font-size:.9em;padding:var(--vxe-ui-layout-padding-half);color:var(--vxe-ui-input-placeholder-color)}.vxe-upload--file-item-error{padding-right:.4em;color:var(--vxe-ui-status-error-color);text-decoration:none;cursor:help}.vxe-upload--file-item-icon{flex-shrink:0;padding-right:.2em}.vxe-upload--file-item-name{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .2em}.vxe-upload--file-item-btn-wrapper{display:inline-flex;flex-direction:row;justify-content:center}.vxe-upload--file-item-loading-icon{padding-right:.2em}.vxe-upload--file-item-loading-icon,.vxe-upload--file-item-loading-text{color:var(--vxe-ui-loading-color);flex-shrink:0}.vxe-upload--file-item-corner,.vxe-upload--file-item-download-btn,.vxe-upload--file-item-remove-btn{flex-shrink:0}.vxe-upload--file-item-download-btn,.vxe-upload--file-item-remove-btn{padding-left:.5em;cursor:pointer}.vxe-upload--file-item-download-btn{color:var(--vxe-ui-font-primary-color)}.vxe-upload--file-item-download-btn:hover{color:var(--vxe-ui-font-primary-lighten-color)}.vxe-upload--file-item-remove-btn{color:var(--vxe-ui-status-error-color)}.vxe-upload--file-item-remove-btn:hover{color:var(--vxe-ui-status-error-lighten-color)}.vxe-upload--image-list,.vxe-upload--image-more-list{display:flex;flex-direction:row;flex-wrap:wrap}.vxe-upload--image-action,.vxe-upload--image-item,.vxe-upload--image-over-more{flex-shrink:0;text-align:center;padding:var(--vxe-ui-layout-padding-half)}.vxe-upload--image-over-more{display:flex;align-items:center;justify-content:center}.vxe-upload--image-action-icon{font-size:1.2em;padding-bottom:.1em}.vxe-upload--image-action-content{font-size:.9em;padding:0 .15em .5em .15em}.vxe-upload--image-action-box,.vxe-upload--image-item-box{position:relative;border-radius:var(--vxe-ui-base-border-radius)}.vxe-upload--image-item-box{display:flex;flex-direction:row;align-items:center;justify-content:center}.vxe-upload--image-action-box{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px var(--vxe-ui-upload-image-button-border-style) var(--vxe-ui-input-border-color);cursor:pointer}.vxe-upload--image-action-box:hover{color:var(--vxe-ui-font-primary-color);border-color:var(--vxe-ui-font-primary-color)}.vxe-upload.is--disabled .vxe-upload--file-action-btn,.vxe-upload.is--disabled .vxe-upload--image-action-box{color:var(--vxe-ui-font-disabled-color);cursor:no-drop}.vxe-upload.is--disabled .vxe-upload--image-action-box:hover{color:var(--vxe-ui-font-disabled-color);border-color:var(--vxe-ui-input-border-color)}.vxe-upload--image-item:hover:not(.is--loading) .vxe-upload--image-item-img-wrapper{border-color:var(--vxe-ui-font-primary-color)}.vxe-upload--image-item:hover:not(.is--loading) .vxe-upload--image-item-img-wrapper::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-color:rgba(0,0,0,.1)}.vxe-upload--image-item.is--loading .vxe-upload--image-item-box{cursor:progress}.vxe-upload--image-item.is--error .vxe-upload--image-item-img-wrapper{border-color:var(--vxe-ui-status-error-color)}.vxe-upload--image-item.is--preview .vxe-upload--image-item-box{cursor:pointer}.vxe-upload--image-item.is--circle .vxe-upload--image-item-img-wrapper{border-radius:50%;overflow:hidden}.vxe-upload--image-item.is--circle .vxe-upload--image-item-img-wrapper::after{border-radius:50%}.vxe-upload--image-item-img-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--vxe-ui-base-border-radius);border:1px solid var(--vxe-ui-input-border-color)}.vxe-upload--image-item-img{max-width:100%;max-height:100%}.vxe-upload--image-item-loading{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;color:var(--vxe-ui-loading-color);background-color:var(--vxe-ui-loading-background-color);z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vxe-upload--image-action-hint{font-size:.8em;word-break:break-all;color:var(--vxe-ui-input-placeholder-color)}.vxe-upload--image-item-btn-wrapper{display:inline-flex;flex-direction:row;justify-content:center;position:absolute;top:calc(var(--vxe-ui-layout-padding-half) * -1);right:calc(var(--vxe-ui-layout-padding-half) * -1)}.vxe-upload--file-item-,.vxe-upload--image-item-remove-btn{flex-shrink:0}.vxe-upload--image-item-remove-btn{display:flex;flex-direction:row;justify-content:center;align-items:center;width:1.8em;height:1.8em;font-size:.8em;border-radius:50%;color:#fff;background-color:var(--vxe-ui-status-error-color);z-index:3;cursor:pointer}.vxe-upload--image-item-remove-btn:hover{background-color:var(--vxe-ui-status-error-lighten-color)}.vxe-upload--file-message-over-error .vxe-upload--file-message-over-extra{margin-top:.5em;max-height:160px;max-width:380px;overflow:auto;border:1px solid var(--vxe-ui-input-border-color);padding:var(--vxe-ui-layout-padding-half) var(--vxe-ui-layout-padding-default);outline:0}.vxe-upload--file-message-over-error .vxe-upload--file-message-over-extra-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-upload--drag-line{display:none;position:absolute;top:0;left:0;z-index:3;pointer-events:none}.vxe-upload--drag-line{width:1px;height:1px;border:2px solid transparent}.vxe-upload--drag-line[drag-pos=top]{border-top-color:var(--vxe-ui-font-primary-color)}.vxe-upload--drag-line[drag-pos=bottom]{border-bottom-color:var(--vxe-ui-font-primary-color)}.vxe-upload--drag-line[drag-pos=left]{border-left-color:var(--vxe-ui-font-primary-color)}.vxe-upload--drag-line[drag-pos=right]{border-right-color:var(--vxe-ui-font-primary-color)}.vxe-upload--drag-list-move{transition:transform .2s}.vxe-upload--more-popup{position:relative}.vxe-upload--more-popup .vxe-upload--file-list{max-height:none}.vxe-upload,.vxe-upload--more-popup{font-size:var(--vxe-ui-font-size-default)}.vxe-upload .vxe-upload--image-action-box,.vxe-upload .vxe-upload--image-item-box,.vxe-upload--more-popup .vxe-upload--image-action-box,.vxe-upload--more-popup .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-default);height:var(--vxe-ui-upload-image-wh-default)}.vxe-upload--more-popup.size--medium,.vxe-upload.size--medium{font-size:var(--vxe-ui-font-size-medium)}.vxe-upload--more-popup.size--medium .vxe-upload--image-action-box,.vxe-upload--more-popup.size--medium .vxe-upload--image-item-box,.vxe-upload.size--medium .vxe-upload--image-action-box,.vxe-upload.size--medium .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-medium);height:var(--vxe-ui-upload-image-wh-medium)}.vxe-upload--more-popup.size--small,.vxe-upload.size--small{font-size:var(--vxe-ui-font-size-small)}.vxe-upload--more-popup.size--small .vxe-upload--image-action-box,.vxe-upload--more-popup.size--small .vxe-upload--image-item-box,.vxe-upload.size--small .vxe-upload--image-action-box,.vxe-upload.size--small .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-small);height:var(--vxe-ui-upload-image-wh-small)}.vxe-upload--more-popup.size--mini,.vxe-upload.size--mini{font-size:var(--vxe-ui-font-size-mini)}.vxe-upload--more-popup.size--mini .vxe-upload--image-action-box,.vxe-upload--more-popup.size--mini .vxe-upload--image-item-box,.vxe-upload.size--mini .vxe-upload--image-action-box,.vxe-upload.size--mini .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-mini);height:var(--vxe-ui-upload-image-wh-mini)}.vxe-upload--image-more-list .vxe-upload--image-item-box{width:var(--vxe-ui-upload-image-wh-default);height:var(--vxe-ui-upload-image-wh-default)}
|
package/package.json
CHANGED
package/packages/components.ts
CHANGED
|
@@ -67,7 +67,7 @@ import VxeResult from './result'
|
|
|
67
67
|
import VxeRow from './row'
|
|
68
68
|
import VxeSelect from './select'
|
|
69
69
|
import VxeSplit from './split'
|
|
70
|
-
import
|
|
70
|
+
import VxeSplitPane from './split-pane'
|
|
71
71
|
import VxeSlider from './slider'
|
|
72
72
|
import VxeSteps from './steps'
|
|
73
73
|
import VxeSwitch from './switch'
|
|
@@ -153,7 +153,7 @@ const components = [
|
|
|
153
153
|
VxeRow,
|
|
154
154
|
VxeSelect,
|
|
155
155
|
VxeSplit,
|
|
156
|
-
|
|
156
|
+
VxeSplitPane,
|
|
157
157
|
VxeSlider,
|
|
158
158
|
VxeSteps,
|
|
159
159
|
VxeSwitch,
|
|
@@ -260,7 +260,7 @@ export * from './result'
|
|
|
260
260
|
export * from './row'
|
|
261
261
|
export * from './select'
|
|
262
262
|
export * from './split'
|
|
263
|
-
export * from './split-
|
|
263
|
+
export * from './split-pane'
|
|
264
264
|
export * from './slider'
|
|
265
265
|
export * from './steps'
|
|
266
266
|
export * from './switch'
|
|
@@ -1206,7 +1206,6 @@ export default defineComponent({
|
|
|
1206
1206
|
|
|
1207
1207
|
const renderHeader = () => {
|
|
1208
1208
|
const { slots: propSlots = {}, showZoom, showMaximize, draggable } = props
|
|
1209
|
-
const isMsg = computeIsMsg.value
|
|
1210
1209
|
const headerSlot = slots.header || propSlots.header
|
|
1211
1210
|
if (props.showHeader) {
|
|
1212
1211
|
const headerOns: Record<string, any> = {}
|
|
@@ -1219,7 +1218,7 @@ export default defineComponent({
|
|
|
1219
1218
|
return h('div', {
|
|
1220
1219
|
ref: refHeaderElem,
|
|
1221
1220
|
class: ['vxe-modal--header', {
|
|
1222
|
-
'is--ellipsis':
|
|
1221
|
+
'is--ellipsis': props.showTitleOverflow
|
|
1223
1222
|
}],
|
|
1224
1223
|
...headerOns
|
|
1225
1224
|
}, headerSlot ? getSlotVNs(headerSlot({ $modal: $xeModal })) : renderTitles())
|
|
@@ -3,26 +3,26 @@ import { createEvent } from '../../ui'
|
|
|
3
3
|
import { assembleSplitItem, destroySplitItem } from './util'
|
|
4
4
|
import XEUtils from 'xe-utils'
|
|
5
5
|
|
|
6
|
-
import type { SplitItemReactData,
|
|
6
|
+
import type { SplitItemReactData, VxeSplitPanePropTypes, SplitItemPrivateRef, SplitItemInternalData, SplitItemMethods, VxeSplitPanePrivateComputed, SplitItemPrivateMethods, VxeSplitPaneEmits, VxeSplitPaneConstructor, ValueOf, VxeSplitDefines, VxeSplitPanePrivateMethods, VxeSplitConstructor, VxeSplitPrivateMethods } from '../../../types'
|
|
7
7
|
|
|
8
8
|
export default defineComponent({
|
|
9
|
-
name: '
|
|
9
|
+
name: 'VxeSplitPane',
|
|
10
10
|
props: {
|
|
11
|
-
name: [Number, String] as PropType<
|
|
12
|
-
width: [Number, String] as PropType<
|
|
13
|
-
height: [Number, String] as PropType<
|
|
14
|
-
showAction: Boolean as PropType<
|
|
11
|
+
name: [Number, String] as PropType<VxeSplitPanePropTypes.Name>,
|
|
12
|
+
width: [Number, String] as PropType<VxeSplitPanePropTypes.Width>,
|
|
13
|
+
height: [Number, String] as PropType<VxeSplitPanePropTypes.Height>,
|
|
14
|
+
showAction: Boolean as PropType<VxeSplitPanePropTypes.ShowAction>,
|
|
15
15
|
minWidth: {
|
|
16
|
-
type: [Number, String] as PropType<
|
|
16
|
+
type: [Number, String] as PropType<VxeSplitPanePropTypes.MinWidth>,
|
|
17
17
|
default: () => null
|
|
18
18
|
},
|
|
19
19
|
minHeight: {
|
|
20
|
-
type: [Number, String] as PropType<
|
|
20
|
+
type: [Number, String] as PropType<VxeSplitPanePropTypes.MinHeight>,
|
|
21
21
|
default: () => null
|
|
22
22
|
}
|
|
23
23
|
},
|
|
24
24
|
emits: [
|
|
25
|
-
] as
|
|
25
|
+
] as VxeSplitPaneEmits,
|
|
26
26
|
setup (props, context) {
|
|
27
27
|
const { emit, slots } = context
|
|
28
28
|
|
|
@@ -32,7 +32,7 @@ export default defineComponent({
|
|
|
32
32
|
|
|
33
33
|
const refElem = ref<HTMLDivElement>()
|
|
34
34
|
|
|
35
|
-
const
|
|
35
|
+
const paneConfig = reactive<VxeSplitDefines.PaneConfig>({
|
|
36
36
|
id: xID,
|
|
37
37
|
name: props.name,
|
|
38
38
|
width: props.width,
|
|
@@ -57,7 +57,7 @@ export default defineComponent({
|
|
|
57
57
|
const internalData: SplitItemInternalData = {
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
-
const computeMaps:
|
|
60
|
+
const computeMaps: VxeSplitPanePrivateComputed = {
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
const refMaps: SplitItemPrivateRef = {
|
|
@@ -73,20 +73,20 @@ export default defineComponent({
|
|
|
73
73
|
|
|
74
74
|
getRefMaps: () => refMaps,
|
|
75
75
|
getComputeMaps: () => computeMaps
|
|
76
|
-
} as unknown as
|
|
76
|
+
} as unknown as VxeSplitPaneConstructor & VxeSplitPanePrivateMethods
|
|
77
77
|
|
|
78
|
-
const dispatchEvent = (type: ValueOf<
|
|
79
|
-
emit(type, createEvent(evnt, { $
|
|
78
|
+
const dispatchEvent = (type: ValueOf<VxeSplitPaneEmits>, params: Record<string, any>, evnt: Event | null) => {
|
|
79
|
+
emit(type, createEvent(evnt, { $splitPane: $xeSplitItem }, params))
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
-
const
|
|
82
|
+
const splitPaneMethods: SplitItemMethods = {
|
|
83
83
|
dispatchEvent
|
|
84
84
|
}
|
|
85
85
|
|
|
86
|
-
const
|
|
86
|
+
const splitPanePrivateMethods: SplitItemPrivateMethods = {
|
|
87
87
|
}
|
|
88
88
|
|
|
89
|
-
Object.assign($xeSplitItem,
|
|
89
|
+
Object.assign($xeSplitItem, splitPaneMethods, splitPanePrivateMethods)
|
|
90
90
|
|
|
91
91
|
const renderVN = () => {
|
|
92
92
|
return h('div', {
|
|
@@ -95,39 +95,39 @@ export default defineComponent({
|
|
|
95
95
|
}
|
|
96
96
|
|
|
97
97
|
watch(() => props.name, (val) => {
|
|
98
|
-
|
|
98
|
+
paneConfig.name = val
|
|
99
99
|
})
|
|
100
100
|
|
|
101
101
|
watch(() => props.width, (val) => {
|
|
102
|
-
|
|
102
|
+
paneConfig.width = val
|
|
103
103
|
})
|
|
104
104
|
|
|
105
105
|
watch(() => props.height, (val) => {
|
|
106
|
-
|
|
106
|
+
paneConfig.height = val
|
|
107
107
|
})
|
|
108
108
|
|
|
109
109
|
watch(() => props.minWidth, (val) => {
|
|
110
|
-
|
|
110
|
+
paneConfig.minWidth = val
|
|
111
111
|
})
|
|
112
112
|
|
|
113
113
|
watch(() => props.minHeight, (val) => {
|
|
114
|
-
|
|
114
|
+
paneConfig.minHeight = val
|
|
115
115
|
})
|
|
116
116
|
|
|
117
117
|
watch(() => props.showAction, (val) => {
|
|
118
|
-
|
|
118
|
+
paneConfig.showAction = val
|
|
119
119
|
})
|
|
120
120
|
|
|
121
121
|
onMounted(() => {
|
|
122
122
|
const elem = refElem.value
|
|
123
123
|
if ($xeSplit && elem) {
|
|
124
|
-
assembleSplitItem($xeSplit, elem,
|
|
124
|
+
assembleSplitItem($xeSplit, elem, paneConfig)
|
|
125
125
|
}
|
|
126
126
|
})
|
|
127
127
|
|
|
128
128
|
onUnmounted(() => {
|
|
129
129
|
if ($xeSplit) {
|
|
130
|
-
destroySplitItem($xeSplit,
|
|
130
|
+
destroySplitItem($xeSplit, paneConfig)
|
|
131
131
|
}
|
|
132
132
|
})
|
|
133
133
|
|
|
@@ -6,7 +6,7 @@ import { getGlobalDefaultConfig } from '../../ui/src/utils'
|
|
|
6
6
|
import { errLog } from '../../ui/src/log'
|
|
7
7
|
import XEUtils from 'xe-utils'
|
|
8
8
|
|
|
9
|
-
import type { SplitReactData, SplitPrivateRef, VxeSplitPropTypes, SplitInternalData, SplitMethods, VxeSplitDefines,
|
|
9
|
+
import type { SplitReactData, SplitPrivateRef, VxeSplitPropTypes, SplitInternalData, SplitMethods, VxeSplitDefines, VxeSplitPaneProps, VxeSplitPrivateComputed, SplitPrivateMethods, VxeSplitEmits, VxeSplitConstructor, ValueOf, VxeSplitPrivateMethods } from '../../../types'
|
|
10
10
|
|
|
11
11
|
export default defineComponent({
|
|
12
12
|
name: 'VxeSplit',
|
|
@@ -121,7 +121,7 @@ export default defineComponent({
|
|
|
121
121
|
return []
|
|
122
122
|
}
|
|
123
123
|
|
|
124
|
-
const getDefaultActionIcon = (item: VxeSplitDefines.
|
|
124
|
+
const getDefaultActionIcon = (item: VxeSplitDefines.PaneConfig) => {
|
|
125
125
|
const { vertical } = props
|
|
126
126
|
const { showAction, isExpand } = item
|
|
127
127
|
const isFoldNext = computeIsFoldNext.value
|
|
@@ -164,7 +164,7 @@ export default defineComponent({
|
|
|
164
164
|
return nextTick()
|
|
165
165
|
}
|
|
166
166
|
|
|
167
|
-
const handleLoadItem = (list:
|
|
167
|
+
const handleLoadItem = (list: VxeSplitPaneProps[], isReset: boolean) => {
|
|
168
168
|
const { staticItems } = reactData
|
|
169
169
|
const itemDef = {
|
|
170
170
|
isVisible: true,
|
|
@@ -191,16 +191,16 @@ export default defineComponent({
|
|
|
191
191
|
})
|
|
192
192
|
})
|
|
193
193
|
if (staticItems.length) {
|
|
194
|
-
errLog('vxe.error.errConflicts', ['<vxe-split-
|
|
194
|
+
errLog('vxe.error.errConflicts', ['<vxe-split-pane ...>', 'items'])
|
|
195
195
|
}
|
|
196
196
|
return recalculate()
|
|
197
197
|
}
|
|
198
198
|
|
|
199
|
-
const loadItem = (list:
|
|
199
|
+
const loadItem = (list: VxeSplitPaneProps[]) => {
|
|
200
200
|
return handleLoadItem(list || [], false)
|
|
201
201
|
}
|
|
202
202
|
|
|
203
|
-
const reloadItem = (list:
|
|
203
|
+
const reloadItem = (list: VxeSplitPaneProps[]) => {
|
|
204
204
|
return handleLoadItem(list || [], true)
|
|
205
205
|
}
|
|
206
206
|
|
|
@@ -220,7 +220,7 @@ export default defineComponent({
|
|
|
220
220
|
const itemOpts = computeItemOpts.value
|
|
221
221
|
const allMinWidth = XEUtils.toNumber(itemOpts.minWidth)
|
|
222
222
|
const allMinHeight = XEUtils.toNumber(itemOpts.minHeight)
|
|
223
|
-
const residueItems: VxeSplitDefines.
|
|
223
|
+
const residueItems: VxeSplitDefines.PaneConfig[] = []
|
|
224
224
|
if (vertical) {
|
|
225
225
|
let countHeight = 0
|
|
226
226
|
itemList.forEach(item => {
|
|
@@ -295,8 +295,8 @@ export default defineComponent({
|
|
|
295
295
|
const allMinWidth = XEUtils.toNumber(itemOpts.minWidth)
|
|
296
296
|
const allMinHeight = XEUtils.toNumber(itemOpts.minHeight)
|
|
297
297
|
const targetItem = itemList[itemIndex + (isFoldNext ? 1 : -1)]
|
|
298
|
-
const targetItemEl = targetItem ? el.querySelector<HTMLDivElement>(`.vxe-split-
|
|
299
|
-
const currItemEl = item ? el.querySelector<HTMLDivElement>(`.vxe-split-
|
|
298
|
+
const targetItemEl = targetItem ? el.querySelector<HTMLDivElement>(`.vxe-split-pane[itemid="${targetItem.id}"]`) : null
|
|
299
|
+
const currItemEl = item ? el.querySelector<HTMLDivElement>(`.vxe-split-pane[itemid="${item.id}"]`) : null
|
|
300
300
|
const targetWidth = targetItemEl ? targetItemEl.clientWidth : 0
|
|
301
301
|
const currWidth = currItemEl ? currItemEl.clientWidth : 0
|
|
302
302
|
const targetHeight = targetItemEl ? targetItemEl.clientHeight : 0
|
|
@@ -451,7 +451,7 @@ export default defineComponent({
|
|
|
451
451
|
|
|
452
452
|
Object.assign($xeSplit, splitMethods, splitPrivateMethods)
|
|
453
453
|
|
|
454
|
-
const renderHandleBar = (item: VxeSplitDefines.
|
|
454
|
+
const renderHandleBar = (item: VxeSplitDefines.PaneConfig) => {
|
|
455
455
|
const barStyle = computeBarStyle.value
|
|
456
456
|
const actionOpts = computeActionOpts.value
|
|
457
457
|
const isFoldNext = computeIsFoldNext.value
|
|
@@ -459,16 +459,16 @@ export default defineComponent({
|
|
|
459
459
|
|
|
460
460
|
return h('div', {
|
|
461
461
|
itemid: id,
|
|
462
|
-
class: ['vxe-split-
|
|
462
|
+
class: ['vxe-split-pane-handle', isFoldNext ? 'to--next' : 'to--prev']
|
|
463
463
|
}, [
|
|
464
464
|
h('div', {
|
|
465
|
-
class: 'vxe-split-
|
|
465
|
+
class: 'vxe-split-pane-handle-bar',
|
|
466
466
|
style: barStyle,
|
|
467
467
|
onMousedown: dragEvent
|
|
468
468
|
}),
|
|
469
469
|
showAction
|
|
470
470
|
? h('span', {
|
|
471
|
-
class: 'vxe-split-
|
|
471
|
+
class: 'vxe-split-pane-action-btn',
|
|
472
472
|
onDblclick: handleActionDblclickEvent,
|
|
473
473
|
onClick: handleActionClickEvent
|
|
474
474
|
}, [
|
|
@@ -503,7 +503,7 @@ export default defineComponent({
|
|
|
503
503
|
itemVNs.push(
|
|
504
504
|
h('div', {
|
|
505
505
|
itemid: id,
|
|
506
|
-
class: ['vxe-split-
|
|
506
|
+
class: ['vxe-split-pane', vertical ? 'is--vertical' : 'is--horizontal', {
|
|
507
507
|
'is--padding': padding,
|
|
508
508
|
'is--border': border,
|
|
509
509
|
'is--height': itemHeight,
|
|
@@ -518,10 +518,10 @@ export default defineComponent({
|
|
|
518
518
|
index && !isFoldNext ? renderHandleBar(item) : renderEmptyElement($xeSplit),
|
|
519
519
|
h('div', {
|
|
520
520
|
itemid: id,
|
|
521
|
-
class: 'vxe-split-
|
|
521
|
+
class: 'vxe-split-pane--wrapper'
|
|
522
522
|
}, [
|
|
523
523
|
h('div', {
|
|
524
|
-
class: 'vxe-split-
|
|
524
|
+
class: 'vxe-split-pane--inner'
|
|
525
525
|
}, defaultSlot ? callSlot(defaultSlot, { name, isVisible, isExpand }) : [])
|
|
526
526
|
]),
|
|
527
527
|
isFoldNext && index < itemList.length - 1 ? renderHandleBar(item) : renderEmptyElement($xeSplit)
|
|
@@ -568,7 +568,7 @@ export default defineComponent({
|
|
|
568
568
|
|
|
569
569
|
watch(() => reactData.staticItems, (val) => {
|
|
570
570
|
if (props.items && props.items.length) {
|
|
571
|
-
errLog('vxe.error.errConflicts', ['<vxe-split-
|
|
571
|
+
errLog('vxe.error.errConflicts', ['<vxe-split-pane ...>', 'items'])
|
|
572
572
|
}
|
|
573
573
|
reactData.itemList = val
|
|
574
574
|
recalculate()
|
|
@@ -2,18 +2,18 @@ import XEUtils from 'xe-utils'
|
|
|
2
2
|
|
|
3
3
|
import type { VxeSplitConstructor, VxeSplitPrivateMethods, VxeSplitDefines } from '../../../types'
|
|
4
4
|
|
|
5
|
-
export function assembleSplitItem ($xeSplit: VxeSplitConstructor & VxeSplitPrivateMethods, elem: HTMLElement,
|
|
5
|
+
export function assembleSplitItem ($xeSplit: VxeSplitConstructor & VxeSplitPrivateMethods, elem: HTMLElement, paneConfig: VxeSplitDefines.PaneConfig) {
|
|
6
6
|
const staticItems = $xeSplit.reactData.staticItems
|
|
7
7
|
const parentElem = elem.parentNode
|
|
8
8
|
if (parentElem) {
|
|
9
|
-
staticItems.splice(XEUtils.arrayIndexOf(parentElem.children, elem), 0,
|
|
9
|
+
staticItems.splice(XEUtils.arrayIndexOf(parentElem.children, elem), 0, paneConfig)
|
|
10
10
|
$xeSplit.reactData.staticItems = staticItems.slice(0)
|
|
11
11
|
}
|
|
12
12
|
}
|
|
13
13
|
|
|
14
|
-
export function destroySplitItem ($xeSplit: VxeSplitConstructor & VxeSplitPrivateMethods,
|
|
14
|
+
export function destroySplitItem ($xeSplit: VxeSplitConstructor & VxeSplitPrivateMethods, paneConfig: VxeSplitDefines.PaneConfig) {
|
|
15
15
|
const staticItems = $xeSplit.reactData.staticItems
|
|
16
|
-
const index = XEUtils.findIndexOf(staticItems, item => item.id ===
|
|
16
|
+
const index = XEUtils.findIndexOf(staticItems, item => item.id === paneConfig.id)
|
|
17
17
|
if (index > -1) {
|
|
18
18
|
staticItems.splice(index, 1)
|
|
19
19
|
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { App } from 'vue'
|
|
2
|
+
import { VxeUI } from '@vxe-ui/core'
|
|
3
|
+
import VxeSplitPaneComponent from '../split/src/split-pane'
|
|
4
|
+
import { dynamicApp } from '../dynamics'
|
|
5
|
+
|
|
6
|
+
export const VxeSplitPane = Object.assign({}, VxeSplitPaneComponent, {
|
|
7
|
+
install (app: App) {
|
|
8
|
+
app.component(VxeSplitPaneComponent.name as string, VxeSplitPaneComponent)
|
|
9
|
+
app.component('VxeSplitItem', VxeSplitPaneComponent)
|
|
10
|
+
}
|
|
11
|
+
})
|
|
12
|
+
|
|
13
|
+
dynamicApp.use(VxeSplitPane)
|
|
14
|
+
VxeUI.component(VxeSplitPaneComponent)
|
|
15
|
+
|
|
16
|
+
export const SplitPane = VxeSplitPane
|
|
17
|
+
export default VxeSplitPane
|
package/packages/ui/index.ts
CHANGED
|
@@ -280,7 +280,7 @@ export default defineComponent({
|
|
|
280
280
|
return ''
|
|
281
281
|
})
|
|
282
282
|
|
|
283
|
-
const
|
|
283
|
+
const computedDefTipText = computed(() => {
|
|
284
284
|
const { limitSize, fileTypes, multiple, limitCount } = props
|
|
285
285
|
const tipText = props.tipText || props.hintText
|
|
286
286
|
const isImage = computeIsImage.value
|
|
@@ -288,26 +288,26 @@ export default defineComponent({
|
|
|
288
288
|
if (XEUtils.isString(tipText)) {
|
|
289
289
|
return tipText
|
|
290
290
|
}
|
|
291
|
-
const
|
|
291
|
+
const defTips: string[] = []
|
|
292
292
|
if (isImage) {
|
|
293
293
|
if (multiple && limitCount) {
|
|
294
|
-
|
|
294
|
+
defTips.push(getI18n('vxe.upload.imgCountHint', [limitCount]))
|
|
295
295
|
}
|
|
296
296
|
if (limitSize && limitSizeUnit) {
|
|
297
|
-
|
|
297
|
+
defTips.push(getI18n('vxe.upload.imgSizeHint', [limitSizeUnit]))
|
|
298
298
|
}
|
|
299
299
|
} else {
|
|
300
300
|
if (fileTypes && fileTypes.length) {
|
|
301
|
-
|
|
301
|
+
defTips.push(getI18n('vxe.upload.fileTypeHint', [fileTypes.join('/')]))
|
|
302
302
|
}
|
|
303
303
|
if (limitSize && limitSizeUnit) {
|
|
304
|
-
|
|
304
|
+
defTips.push(getI18n('vxe.upload.fileSizeHint', [limitSizeUnit]))
|
|
305
305
|
}
|
|
306
306
|
if (multiple && limitCount) {
|
|
307
|
-
|
|
307
|
+
defTips.push(getI18n('vxe.upload.fileCountHint', [limitCount]))
|
|
308
308
|
}
|
|
309
309
|
}
|
|
310
|
-
return
|
|
310
|
+
return defTips.join(getI18n('vxe.base.comma'))
|
|
311
311
|
})
|
|
312
312
|
|
|
313
313
|
const computeImageOpts = computed(() => {
|
|
@@ -1244,7 +1244,7 @@ export default defineComponent({
|
|
|
1244
1244
|
const { showUploadButton, buttonText, buttonIcon, showButtonText, showButtonIcon, autoHiddenButton } = props
|
|
1245
1245
|
const isDisabled = computeIsDisabled.value
|
|
1246
1246
|
const formReadonly = computeFormReadonly.value
|
|
1247
|
-
const
|
|
1247
|
+
const defTipText = computedDefTipText.value
|
|
1248
1248
|
const overCount = computeOverCount.value
|
|
1249
1249
|
const defaultSlot = slots.default
|
|
1250
1250
|
const tipSlot = slots.tip || slots.hint
|
|
@@ -1270,10 +1270,10 @@ export default defineComponent({
|
|
|
1270
1270
|
disabled: isDisabled
|
|
1271
1271
|
})
|
|
1272
1272
|
]),
|
|
1273
|
-
|
|
1273
|
+
defTipText || tipSlot
|
|
1274
1274
|
? h('div', {
|
|
1275
1275
|
class: 'vxe-upload--file-action-tip'
|
|
1276
|
-
}, tipSlot ? getSlotVNs(tipSlot({ $upload: $xeUpload })) :
|
|
1276
|
+
}, tipSlot ? getSlotVNs(tipSlot({ $upload: $xeUpload })) : defTipText)
|
|
1277
1277
|
: createCommentVNode()
|
|
1278
1278
|
])
|
|
1279
1279
|
}
|
|
@@ -1467,11 +1467,11 @@ export default defineComponent({
|
|
|
1467
1467
|
const renderImageAction = (isMoreView: boolean) => {
|
|
1468
1468
|
const { showUploadButton, buttonText, buttonIcon, showButtonText, showButtonIcon, autoHiddenButton } = props
|
|
1469
1469
|
const formReadonly = computeFormReadonly.value
|
|
1470
|
-
const
|
|
1470
|
+
const defTipText = computedDefTipText.value
|
|
1471
1471
|
const overCount = computeOverCount.value
|
|
1472
1472
|
const imgStyle = computeImgStyle.value
|
|
1473
1473
|
const defaultSlot = slots.default
|
|
1474
|
-
const
|
|
1474
|
+
const tipSlot = slots.tip || slots.hint
|
|
1475
1475
|
|
|
1476
1476
|
if (formReadonly || !showUploadButton || (autoHiddenButton && overCount)) {
|
|
1477
1477
|
return createCommentVNode()
|
|
@@ -1504,10 +1504,10 @@ export default defineComponent({
|
|
|
1504
1504
|
class: 'vxe-upload--image-action-content'
|
|
1505
1505
|
}, buttonText ? `${buttonText}` : getI18n('vxe.upload.imgBtnText'))
|
|
1506
1506
|
: createCommentVNode(),
|
|
1507
|
-
|
|
1507
|
+
defTipText || tipSlot
|
|
1508
1508
|
? h('div', {
|
|
1509
1509
|
class: 'vxe-upload--image-action-hint'
|
|
1510
|
-
},
|
|
1510
|
+
}, tipSlot ? getSlotVNs(tipSlot({ $upload: $xeUpload })) : defTipText)
|
|
1511
1511
|
: createCommentVNode()
|
|
1512
1512
|
])
|
|
1513
1513
|
])
|
package/styles/all.scss
CHANGED
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
@use './components/row.scss';
|
|
67
67
|
@use './components/select.scss';
|
|
68
68
|
@use './components/split.scss';
|
|
69
|
-
@use './components/split-
|
|
69
|
+
@use './components/split-pane.scss';
|
|
70
70
|
@use './components/slider.scss';
|
|
71
71
|
@use './components/steps.scss';
|
|
72
72
|
@use './components/switch.scss';
|