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.
Files changed (101) hide show
  1. package/README.md +1 -1
  2. package/es/components.js +3 -3
  3. package/es/icon/style.css +1 -1
  4. package/es/modal/src/modal.js +1 -2
  5. package/es/split/src/{split-item.js → split-pane.js} +14 -14
  6. package/es/split/src/split.js +10 -10
  7. package/es/split/src/util.js +4 -4
  8. package/es/split/style.css +35 -35
  9. package/es/split/style.min.css +1 -1
  10. package/es/split-pane/index.js +13 -0
  11. package/es/style.css +1 -1
  12. package/es/style.min.css +1 -1
  13. package/es/ui/index.js +2 -2
  14. package/es/ui/src/log.js +1 -1
  15. package/es/upload/src/upload.js +15 -15
  16. package/es/upload/style.css +1 -1
  17. package/es/upload/style.min.css +1 -1
  18. package/es/vxe-split/style.css +35 -35
  19. package/es/vxe-split/style.min.css +1 -1
  20. package/es/vxe-split-pane/index.js +3 -0
  21. package/es/vxe-upload/style.css +1 -1
  22. package/es/vxe-upload/style.min.css +1 -1
  23. package/lib/components.js +5 -5
  24. package/lib/components.min.js +1 -1
  25. package/lib/icon/style/style.css +1 -1
  26. package/lib/icon/style/style.min.css +1 -1
  27. package/lib/index.umd.js +63 -63
  28. package/lib/index.umd.min.js +1 -1
  29. package/lib/modal/src/modal.js +1 -2
  30. package/lib/modal/src/modal.min.js +1 -1
  31. package/lib/split/src/{split-item.js → split-pane.js} +14 -14
  32. package/lib/split/src/{split-item.min.js → split-pane.min.js} +1 -1
  33. package/lib/split/src/split.js +10 -10
  34. package/lib/split/src/split.min.js +1 -1
  35. package/lib/split/src/util.js +4 -4
  36. package/lib/split/style/style.css +35 -35
  37. package/lib/split/style/style.min.css +1 -1
  38. package/lib/split-pane/index.js +20 -0
  39. package/lib/split-pane/index.min.js +1 -0
  40. package/lib/style.css +1 -1
  41. package/lib/style.min.css +1 -1
  42. package/lib/ui/index.js +2 -2
  43. package/lib/ui/index.min.js +1 -1
  44. package/lib/ui/src/log.js +1 -1
  45. package/lib/ui/src/log.min.js +1 -1
  46. package/lib/upload/src/upload.js +16 -16
  47. package/lib/upload/src/upload.min.js +1 -1
  48. package/lib/upload/style/style.css +1 -1
  49. package/lib/upload/style/style.min.css +1 -1
  50. package/lib/vxe-split/style/style.css +35 -35
  51. package/lib/vxe-split/style/style.min.css +1 -1
  52. package/lib/{vxe-split-item → vxe-split-pane}/index.js +5 -5
  53. package/lib/vxe-split-pane/index.min.js +1 -0
  54. package/lib/vxe-upload/style/style.css +1 -1
  55. package/lib/vxe-upload/style/style.min.css +1 -1
  56. package/package.json +1 -1
  57. package/packages/components.ts +3 -3
  58. package/packages/modal/src/modal.ts +1 -2
  59. package/packages/split/src/{split-item.ts → split-pane.ts} +25 -25
  60. package/packages/split/src/split.ts +17 -17
  61. package/packages/split/src/util.ts +4 -4
  62. package/packages/split-pane/index.ts +17 -0
  63. package/packages/ui/index.ts +1 -1
  64. package/packages/upload/src/upload.ts +15 -15
  65. package/styles/all.scss +1 -1
  66. package/styles/components/split.scss +30 -30
  67. package/styles/components/upload.scss +1 -1
  68. package/types/all.d.ts +3 -3
  69. package/types/components/split-pane.d.ts +96 -0
  70. package/types/components/split.d.ts +20 -20
  71. package/types/ui/global-config.d.ts +2 -2
  72. package/es/split-item/index.js +0 -12
  73. package/es/vxe-split-item/index.js +0 -3
  74. package/lib/split-item/index.js +0 -19
  75. package/lib/split-item/index.min.js +0 -1
  76. package/lib/vxe-split-item/index.min.js +0 -1
  77. package/packages/split-item/index.ts +0 -16
  78. package/types/components/split-item.d.ts +0 -96
  79. /package/es/icon/{iconfont.1743138565378.ttf → iconfont.1743248072130.ttf} +0 -0
  80. /package/es/icon/{iconfont.1743138565378.woff → iconfont.1743248072130.woff} +0 -0
  81. /package/es/icon/{iconfont.1743138565378.woff2 → iconfont.1743248072130.woff2} +0 -0
  82. /package/es/{iconfont.1743138565378.ttf → iconfont.1743248072130.ttf} +0 -0
  83. /package/es/{iconfont.1743138565378.woff → iconfont.1743248072130.woff} +0 -0
  84. /package/es/{iconfont.1743138565378.woff2 → iconfont.1743248072130.woff2} +0 -0
  85. /package/es/{split-item → split-pane}/style.css +0 -0
  86. /package/es/{split-item → split-pane}/style.min.css +0 -0
  87. /package/es/{vxe-split-item → vxe-split-pane}/style.css +0 -0
  88. /package/es/{vxe-split-item → vxe-split-pane}/style.min.css +0 -0
  89. /package/lib/icon/style/{iconfont.1743138565378.ttf → iconfont.1743248072130.ttf} +0 -0
  90. /package/lib/icon/style/{iconfont.1743138565378.woff → iconfont.1743248072130.woff} +0 -0
  91. /package/lib/icon/style/{iconfont.1743138565378.woff2 → iconfont.1743248072130.woff2} +0 -0
  92. /package/lib/{iconfont.1743138565378.ttf → iconfont.1743248072130.ttf} +0 -0
  93. /package/lib/{iconfont.1743138565378.woff → iconfont.1743248072130.woff} +0 -0
  94. /package/lib/{iconfont.1743138565378.woff2 → iconfont.1743248072130.woff2} +0 -0
  95. /package/lib/{split-item → split-pane}/style/index.js +0 -0
  96. /package/lib/{split-item → split-pane}/style/style.css +0 -0
  97. /package/lib/{split-item → split-pane}/style/style.min.css +0 -0
  98. /package/lib/{vxe-split-item → vxe-split-pane}/style/index.js +0 -0
  99. /package/lib/{vxe-split-item → vxe-split-pane}/style/style.css +0 -0
  100. /package/lib/{vxe-split-item → vxe-split-pane}/style/style.min.css +0 -0
  101. /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;
@@ -316,7 +316,7 @@
316
316
  }
317
317
 
318
318
  .vxe-upload--image-action-hint {
319
- font-size: 12px;
319
+ font-size: 0.8em;
320
320
  word-break: break-all;
321
321
  color: var(--vxe-ui-input-placeholder-color);
322
322
  }
@@ -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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vxe-pc-ui",
3
- "version": "4.5.5",
3
+ "version": "4.5.7",
4
4
  "description": "A vue based PC component library",
5
5
  "scripts": {
6
6
  "update": "npm install --legacy-peer-deps",
@@ -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 VxeSplitItem from './split-item'
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
- VxeSplitItem,
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-item'
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': !isMsg && props.showTitleOverflow
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, VxeSplitItemPropTypes, SplitItemPrivateRef, SplitItemInternalData, SplitItemMethods, VxeSplitItemPrivateComputed, SplitItemPrivateMethods, VxeSplitItemEmits, VxeSplitItemConstructor, ValueOf, VxeSplitDefines, VxeSplitItemPrivateMethods, VxeSplitConstructor, VxeSplitPrivateMethods } from '../../../types'
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: 'VxeSplitItem',
9
+ name: 'VxeSplitPane',
10
10
  props: {
11
- name: [Number, String] as PropType<VxeSplitItemPropTypes.Name>,
12
- width: [Number, String] as PropType<VxeSplitItemPropTypes.Width>,
13
- height: [Number, String] as PropType<VxeSplitItemPropTypes.Height>,
14
- showAction: Boolean as PropType<VxeSplitItemPropTypes.ShowAction>,
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<VxeSplitItemPropTypes.MinWidth>,
16
+ type: [Number, String] as PropType<VxeSplitPanePropTypes.MinWidth>,
17
17
  default: () => null
18
18
  },
19
19
  minHeight: {
20
- type: [Number, String] as PropType<VxeSplitItemPropTypes.MinHeight>,
20
+ type: [Number, String] as PropType<VxeSplitPanePropTypes.MinHeight>,
21
21
  default: () => null
22
22
  }
23
23
  },
24
24
  emits: [
25
- ] as VxeSplitItemEmits,
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 chunkConfig = reactive<VxeSplitDefines.ChunkConfig>({
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: VxeSplitItemPrivateComputed = {
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 VxeSplitItemConstructor & VxeSplitItemPrivateMethods
76
+ } as unknown as VxeSplitPaneConstructor & VxeSplitPanePrivateMethods
77
77
 
78
- const dispatchEvent = (type: ValueOf<VxeSplitItemEmits>, params: Record<string, any>, evnt: Event | null) => {
79
- emit(type, createEvent(evnt, { $splitItem: $xeSplitItem }, params))
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 splitItemMethods: SplitItemMethods = {
82
+ const splitPaneMethods: SplitItemMethods = {
83
83
  dispatchEvent
84
84
  }
85
85
 
86
- const splitItemPrivateMethods: SplitItemPrivateMethods = {
86
+ const splitPanePrivateMethods: SplitItemPrivateMethods = {
87
87
  }
88
88
 
89
- Object.assign($xeSplitItem, splitItemMethods, splitItemPrivateMethods)
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
- chunkConfig.name = val
98
+ paneConfig.name = val
99
99
  })
100
100
 
101
101
  watch(() => props.width, (val) => {
102
- chunkConfig.width = val
102
+ paneConfig.width = val
103
103
  })
104
104
 
105
105
  watch(() => props.height, (val) => {
106
- chunkConfig.height = val
106
+ paneConfig.height = val
107
107
  })
108
108
 
109
109
  watch(() => props.minWidth, (val) => {
110
- chunkConfig.minWidth = val
110
+ paneConfig.minWidth = val
111
111
  })
112
112
 
113
113
  watch(() => props.minHeight, (val) => {
114
- chunkConfig.minHeight = val
114
+ paneConfig.minHeight = val
115
115
  })
116
116
 
117
117
  watch(() => props.showAction, (val) => {
118
- chunkConfig.showAction = val
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, chunkConfig)
124
+ assembleSplitItem($xeSplit, elem, paneConfig)
125
125
  }
126
126
  })
127
127
 
128
128
  onUnmounted(() => {
129
129
  if ($xeSplit) {
130
- destroySplitItem($xeSplit, chunkConfig)
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, VxeSplitItemProps, VxeSplitPrivateComputed, SplitPrivateMethods, VxeSplitEmits, VxeSplitConstructor, ValueOf, VxeSplitPrivateMethods } from '../../../types'
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.ChunkConfig) => {
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: VxeSplitItemProps[], isReset: boolean) => {
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-item ...>', 'items'])
194
+ errLog('vxe.error.errConflicts', ['<vxe-split-pane ...>', 'items'])
195
195
  }
196
196
  return recalculate()
197
197
  }
198
198
 
199
- const loadItem = (list: VxeSplitItemProps[]) => {
199
+ const loadItem = (list: VxeSplitPaneProps[]) => {
200
200
  return handleLoadItem(list || [], false)
201
201
  }
202
202
 
203
- const reloadItem = (list: VxeSplitItemProps[]) => {
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.ChunkConfig[] = []
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-item[itemid="${targetItem.id}"]`) : null
299
- const currItemEl = item ? el.querySelector<HTMLDivElement>(`.vxe-split-item[itemid="${item.id}"]`) : null
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.ChunkConfig) => {
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-item-handle', isFoldNext ? 'to--next' : 'to--prev']
462
+ class: ['vxe-split-pane-handle', isFoldNext ? 'to--next' : 'to--prev']
463
463
  }, [
464
464
  h('div', {
465
- class: 'vxe-split-item-handle-bar',
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-item-action-btn',
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-item', vertical ? 'is--vertical' : 'is--horizontal', {
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-item--wrapper'
521
+ class: 'vxe-split-pane--wrapper'
522
522
  }, [
523
523
  h('div', {
524
- class: 'vxe-split-item--inner'
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-item ...>', 'items'])
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, chunkConfig: VxeSplitDefines.ChunkConfig) {
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, chunkConfig)
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, chunkConfig: VxeSplitDefines.ChunkConfig) {
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 === chunkConfig.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
@@ -283,7 +283,7 @@ setConfig({
283
283
  minHeight: 40
284
284
  }
285
285
  },
286
- splitItem: {},
286
+ splitPane: {},
287
287
  slider: {
288
288
  max: 100,
289
289
  min: 0
@@ -280,7 +280,7 @@ export default defineComponent({
280
280
  return ''
281
281
  })
282
282
 
283
- const computedDefHintText = computed(() => {
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 defHints: string[] = []
291
+ const defTips: string[] = []
292
292
  if (isImage) {
293
293
  if (multiple && limitCount) {
294
- defHints.push(getI18n('vxe.upload.imgCountHint', [limitCount]))
294
+ defTips.push(getI18n('vxe.upload.imgCountHint', [limitCount]))
295
295
  }
296
296
  if (limitSize && limitSizeUnit) {
297
- defHints.push(getI18n('vxe.upload.imgSizeHint', [limitSizeUnit]))
297
+ defTips.push(getI18n('vxe.upload.imgSizeHint', [limitSizeUnit]))
298
298
  }
299
299
  } else {
300
300
  if (fileTypes && fileTypes.length) {
301
- defHints.push(getI18n('vxe.upload.fileTypeHint', [fileTypes.join('/')]))
301
+ defTips.push(getI18n('vxe.upload.fileTypeHint', [fileTypes.join('/')]))
302
302
  }
303
303
  if (limitSize && limitSizeUnit) {
304
- defHints.push(getI18n('vxe.upload.fileSizeHint', [limitSizeUnit]))
304
+ defTips.push(getI18n('vxe.upload.fileSizeHint', [limitSizeUnit]))
305
305
  }
306
306
  if (multiple && limitCount) {
307
- defHints.push(getI18n('vxe.upload.fileCountHint', [limitCount]))
307
+ defTips.push(getI18n('vxe.upload.fileCountHint', [limitCount]))
308
308
  }
309
309
  }
310
- return defHints.join(getI18n('vxe.base.comma'))
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 defHintText = computedDefHintText.value
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
- isMoreView && (defHintText || tipSlot)
1273
+ defTipText || tipSlot
1274
1274
  ? h('div', {
1275
1275
  class: 'vxe-upload--file-action-tip'
1276
- }, tipSlot ? getSlotVNs(tipSlot({ $upload: $xeUpload })) : defHintText)
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 defHintText = computedDefHintText.value
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 hintSlot = slots.hint
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
- isMoreView && (defHintText || hintSlot)
1507
+ defTipText || tipSlot
1508
1508
  ? h('div', {
1509
1509
  class: 'vxe-upload--image-action-hint'
1510
- }, hintSlot ? getSlotVNs(hintSlot({ $upload: $xeUpload })) : defHintText)
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-item.scss';
69
+ @use './components/split-pane.scss';
70
70
  @use './components/slider.scss';
71
71
  @use './components/steps.scss';
72
72
  @use './components/switch.scss';