uiw 4.10.3 → 4.10.7

package/README.md

@@ -51,7 +51,7 @@ You can use [`kkt`](https://github.com/kktjs/kkt) to quickly create a react + ui
 npx create-kkt my-app -e uiw
 ```
 
-You can use the [`uiw v1.x`](https://github.com/uiwjs/uiw/tree/v1) version. [Please see here for instructions](https://github.com/uiwjs/uiw/tree/v1). ([**npx**](https://github.com/npm/npm/releases/tag/v5.2.0) comes with npm 5.2+ and higher.)
+You can use the [`uiw v1.x`](https://github.com/uiwjs/uiw/tree/v1) version. [Please see here for instructions](https://github.com/uiwjs/uiw/tree/v1). ([**npx**](https://github.com/npm/npm/releases/tag/v5.2.0) comes with npm `5.2+` and higher.)
 
 ### Basic Usage
 
@@ -151,7 +151,7 @@ Or clone locally:
 $ git clone https://github.com/uiwjs/uiwjs.github.io.git --recurse-submodules
 ```
 
-Compiled component code.
+Install dependencies & compile component code.
 
 ```bash
 $ npm install # Install dependencies
@@ -189,6 +189,12 @@ Folders
     └── react-affix
 ```
 
+### Contributors
+
+<a href="https://github.com/uiwjs/uiw/graphs/contributors">
+  <img src="https://uiwjs.github.io/uiw/CONTRIBUTORS.svg" />
+</a>
+
 ### License
 
 Licensed under the MIT License.

package/dist/uiw.css

@@ -2286,29 +2286,30 @@ sup.w-badge-count {
 .w-fileinput-card {
   margin-right: -8px;
 }
-.w-fileinput-card_box {
-  width: 104px;
-  height: 104px;
+.w-fileinput-card-box {
   margin-right: 8px;
   margin-bottom: 8px;
   text-align: center;
   vertical-align: top;
   background-color: #fafafa;
   border: 1px dashed #d9d9d9;
+  overflow: hidden;
   border-radius: 2px;
   cursor: pointer;
   transition: border-color 0.3s;
   display: inline-flex;
   position: relative;
 }
-.w-fileinput-card_box_info {
-  padding: 5px;
+.w-fileinput-card-box-info {
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
 }
-.w-fileinput-card_box_info img {
+.w-fileinput-card-box-info img {
   width: 100%;
   height: 100%;
 }
-.w-fileinput-card_actions {
+.w-fileinput-card-actions {
   position: absolute;
   left: 0;
   top: 0;
@@ -2322,7 +2323,7 @@ sup.w-badge-count {
   background: rgba(0, 0, 0, 0.6);
   border-radius: 2px;
 }
-.w-fileinput-card_actions_remove {
+.w-fileinput-card-actions-remove {
   width: 24px;
   height: 20px;
   display: flex;
@@ -2330,17 +2331,36 @@ sup.w-badge-count {
   justify-content: center;
   cursor: pointer;
 }
-.w-fileinput-card_btn {
+.w-fileinput-card-btn {
   align-items: center;
   justify-content: center;
 }
-.w-fileinput-card_box:hover .w-fileinput-card_actions {
+.w-fileinput-card-box:hover .w-fileinput-card-actions {
   opacity: 1;
 }
+.w-fileinput-card-size-large .w-fileinput-card-box {
+  width: 110px;
+  height: 110px;
+}
+.w-fileinput-card-size-middle .w-fileinput-card-box {
+  width: 80px;
+  height: 80px;
+}
+.w-fileinput-card-size-small .w-fileinput-card-box {
+  width: 50px;
+  height: 50px;
+}
+.w-fileinput-card-shape-round .w-fileinput-card-box {
+  border-radius: 2px;
+}
+.w-fileinput-card-shape-circle .w-fileinput-card-box {
+  border-radius: 50%;
+}
 .w-fileinput-list {
   padding-bottom: 8px;
+  width: 100%;
 }
-.w-fileinput-list_actions {
+.w-fileinput-list-actions {
   position: absolute;
   left: 0;
   top: 0;
@@ -2354,7 +2374,7 @@ sup.w-badge-count {
   background: rgba(0, 0, 0, 0.6);
   border-radius: 2px;
 }
-.w-fileinput-list_actions_search {
+.w-fileinput-list-actions-search {
   width: 24px;
   height: 20px;
   display: flex;
@@ -2362,49 +2382,68 @@ sup.w-badge-count {
   justify-content: center;
   cursor: pointer;
 }
-.w-fileinput-list_info:hover .w-fileinput-list_actions {
+.w-fileinput-list-info:hover .w-fileinput-list-actions {
   opacity: 1;
 }
-.w-fileinput-list_picture {
+.w-fileinput-list-picture {
   border: 1px solid #d9d9d9;
   display: flex;
   align-items: center;
   padding: 5px;
   margin-top: 8px;
 }
-.w-fileinput-list_picture_info {
+.w-fileinput-list-picture-info {
   margin-right: 10px;
   position: relative;
+  overflow: hidden;
 }
-.w-fileinput-list_picture_info img {
+.w-fileinput-list-picture-info img {
   width: 48px;
   height: 48px;
   display: block;
 }
-.w-fileinput-list_picture_text {
+.w-fileinput-list-picture-text {
   flex: 1 1;
 }
-.w-fileinput-list_picture_icon {
+.w-fileinput-list-picture-icon {
   padding: 5px;
   cursor: pointer;
 }
-.w-fileinput-list_text {
+.w-fileinput-list-size-large .w-fileinput-list-picture-info img {
+  width: 70px;
+  height: 70px;
+}
+.w-fileinput-list-size-middle .w-fileinput-list-picture-info img {
+  width: 50px;
+  height: 50px;
+}
+.w-fileinput-list-size-small .w-fileinput-list-picture-info img {
+  width: 30px;
+  height: 30px;
+}
+.w-fileinput-list-shape-round .w-fileinput-list-picture-info {
+  border-radius: 2px;
+}
+.w-fileinput-list-shape-circle .w-fileinput-list-box-info {
+  border-radius: 50px;
+}
+.w-fileinput-list-text {
   border: 1px solid transparent;
   display: flex;
   align-items: center;
   padding: 5px;
   transition: all 0.5s;
 }
-.w-fileinput-list_text:hover {
+.w-fileinput-list-text:hover {
   background: #f5f5f5;
 }
-.w-fileinput-list_text:first-child {
+.w-fileinput-list-text:first-child {
   margin-top: 8px;
 }
-.w-fileinput-list_text_text {
+.w-fileinput-list-text-text {
   flex: 1 1;
 }
-.w-fileinput-list_text_icon {
+.w-fileinput-list-text-icon {
   padding: 0 5px;
   cursor: pointer;
 }
@@ -3295,6 +3334,57 @@ a.w-list-item:hover:not(.w-disabled) {
   right: 0;
 }
 
+.w-select {
+  display: inline-flex;
+  font-size: 14px;
+  -webkit-appearance: none;
+          -moz-appearance: none;
+       appearance: none;
+  cursor: pointer;
+  color: #182026;
+  padding: 6px 25px 6px 10px;
+  width: 100%;
+  max-width: 100%;
+  margin: 0;
+  line-height: 18px;
+  vertical-align: middle;
+  box-sizing: border-box;
+  border: none;
+  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+  border-radius: 3px;
+  background-color: #f5f8fa;
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij4gIDxwYXRoIGZpbGw9IiMzOTNFNDgiIGQ9Ik0wLjIyMiw1LjYxMyBMNS40NTEsMC4yMjMgQzUuNzU2MjEyMDksLTAuMDc0MzYzMjMzMyA2LjI0Mjc4NzkxLC0wLjA3NDM2MzIzMzMgNi41NDgsMC4yMjMgTDExLjc3OCw1LjYxMyBDMTIuMTgsNi4wMjcgMTIuMDI1LDYuNjY3IDExLjQwNyw2LjY2NyBMMC41OTIsNi42NjcgQy0wLjAyNCw2LjY2NyAtMC4xOCw2LjAyNyAwLjIyMiw1LjYxMyBaIE0wLjU5Miw5LjMzMyBMMTEuNDA3LDkuMzMzIEMxMi4wMjUsOS4zMzMgMTIuMTgsOS45NzMgMTEuNzc3LDEwLjM4NyBMNi41NDcsMTUuNzc3IEM2LjI0MTkxMjU4LDE2LjA3MzcxNDMgNS43NTYwODc0MiwxNi4wNzM3MTQzIDUuNDUxLDE1Ljc3NyBMMC4yMjIsMTAuMzg3IEMtMC4xOCw5Ljk3MyAtMC4wMjQsOS4zMzMgMC41OTIsOS4zMzMgWiIvPjwvc3ZnPg==), linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));
+  background-repeat: no-repeat, repeat;
+  background-position: right 0.7em top 50%, 0 0;
+  background-size: 0.62em auto, 100%;
+}
+.w-select:focus {
+  outline: none !important;
+}
+.w-select:hover {
+  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
+  background-clip: padding-box;
+  background-color: #ebf1f5;
+}
+.w-select:disabled {
+  box-shadow: none;
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij4gIDxwYXRoIGZpbGw9IiMzOTNFNDgiIGQ9Ik0wLjIyMiw1LjYxMyBMNS40NTEsMC4yMjMgQzUuNzU2MjEyMDksLTAuMDc0MzYzMjMzMyA2LjI0Mjc4NzkxLC0wLjA3NDM2MzIzMzMgNi41NDgsMC4yMjMgTDExLjc3OCw1LjYxMyBDMTIuMTgsNi4wMjcgMTIuMDI1LDYuNjY3IDExLjQwNyw2LjY2NyBMMC41OTIsNi42NjcgQy0wLjAyNCw2LjY2NyAtMC4xOCw2LjAyNyAwLjIyMiw1LjYxMyBaIE0wLjU5Miw5LjMzMyBMMTEuNDA3LDkuMzMzIEMxMi4wMjUsOS4zMzMgMTIuMTgsOS45NzMgMTEuNzc3LDEwLjM4NyBMNi41NDcsMTUuNzc3IEM2LjI0MTkxMjU4LDE2LjA3MzcxNDMgNS43NTYwODc0MiwxNi4wNzM3MTQzIDUuNDUxLDE1Ljc3NyBMMC4yMjIsMTAuMzg3IEMtMC4xOCw5Ljk3MyAtMC4wMjQsOS4zMzMgMC41OTIsOS4zMzMgWiIvPjwvc3ZnPg==);
+  background-size: 0.52em auto, 100%;
+  background-color: #dddddd;
+  opacity: 0.75;
+  color: #a5a5a5;
+  cursor: not-allowed;
+  resize: none;
+}
+.w-select-large {
+  padding: 9px 25px 9px 12px;
+  font-size: 16px;
+}
+.w-select-small {
+  padding: 3px 25px 3px 7px;
+  font-size: 12px;
+}
+
 .w-pagination {
   padding: 0 !important;
   margin: 0 !important;
@@ -3415,6 +3505,16 @@ a.w-list-item:hover:not(.w-disabled) {
 .w-pagination.default.divider li {
   border-radius: 4px;
 }
+.w-pagination-options {
+  margin-left: 8px !important;
+}
+.w-pagination-options .w-select {
+  border: none !important;
+  padding-top: 0;
+  padding-bottom: 0;
+  box-shadow: none !important;
+  height: 100%;
+}
 
 .w-pin-code {
   display: flex;
@@ -3628,57 +3728,6 @@ a.w-list-item:hover:not(.w-disabled) {
   width: 50%;
 }
 
-.w-select {
-  display: inline-flex;
-  font-size: 14px;
-  -webkit-appearance: none;
-          -moz-appearance: none;
-       appearance: none;
-  cursor: pointer;
-  color: #182026;
-  padding: 6px 25px 6px 10px;
-  width: 100%;
-  max-width: 100%;
-  margin: 0;
-  line-height: 18px;
-  vertical-align: middle;
-  box-sizing: border-box;
-  border: none;
-  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
-  border-radius: 3px;
-  background-color: #f5f8fa;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij4gIDxwYXRoIGZpbGw9IiMzOTNFNDgiIGQ9Ik0wLjIyMiw1LjYxMyBMNS40NTEsMC4yMjMgQzUuNzU2MjEyMDksLTAuMDc0MzYzMjMzMyA2LjI0Mjc4NzkxLC0wLjA3NDM2MzIzMzMgNi41NDgsMC4yMjMgTDExLjc3OCw1LjYxMyBDMTIuMTgsNi4wMjcgMTIuMDI1LDYuNjY3IDExLjQwNyw2LjY2NyBMMC41OTIsNi42NjcgQy0wLjAyNCw2LjY2NyAtMC4xOCw2LjAyNyAwLjIyMiw1LjYxMyBaIE0wLjU5Miw5LjMzMyBMMTEuNDA3LDkuMzMzIEMxMi4wMjUsOS4zMzMgMTIuMTgsOS45NzMgMTEuNzc3LDEwLjM4NyBMNi41NDcsMTUuNzc3IEM2LjI0MTkxMjU4LDE2LjA3MzcxNDMgNS43NTYwODc0MiwxNi4wNzM3MTQzIDUuNDUxLDE1Ljc3NyBMMC4yMjIsMTAuMzg3IEMtMC4xOCw5Ljk3MyAtMC4wMjQsOS4zMzMgMC41OTIsOS4zMzMgWiIvPjwvc3ZnPg==), linear-gradient(180deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0));
-  background-repeat: no-repeat, repeat;
-  background-position: right 0.7em top 50%, 0 0;
-  background-size: 0.62em auto, 100%;
-}
-.w-select:focus {
-  outline: none !important;
-}
-.w-select:hover {
-  box-shadow: inset 0 0 0 1px rgba(16, 22, 26, 0.2), inset 0 -1px 0 rgba(16, 22, 26, 0.1);
-  background-clip: padding-box;
-  background-color: #ebf1f5;
-}
-.w-select:disabled {
-  box-shadow: none;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDEyIDE2Ij4gIDxwYXRoIGZpbGw9IiMzOTNFNDgiIGQ9Ik0wLjIyMiw1LjYxMyBMNS40NTEsMC4yMjMgQzUuNzU2MjEyMDksLTAuMDc0MzYzMjMzMyA2LjI0Mjc4NzkxLC0wLjA3NDM2MzIzMzMgNi41NDgsMC4yMjMgTDExLjc3OCw1LjYxMyBDMTIuMTgsNi4wMjcgMTIuMDI1LDYuNjY3IDExLjQwNyw2LjY2NyBMMC41OTIsNi42NjcgQy0wLjAyNCw2LjY2NyAtMC4xOCw2LjAyNyAwLjIyMiw1LjYxMyBaIE0wLjU5Miw5LjMzMyBMMTEuNDA3LDkuMzMzIEMxMi4wMjUsOS4zMzMgMTIuMTgsOS45NzMgMTEuNzc3LDEwLjM4NyBMNi41NDcsMTUuNzc3IEM2LjI0MTkxMjU4LDE2LjA3MzcxNDMgNS43NTYwODc0MiwxNi4wNzM3MTQzIDUuNDUxLDE1Ljc3NyBMMC4yMjIsMTAuMzg3IEMtMC4xOCw5Ljk3MyAtMC4wMjQsOS4zMzMgMC41OTIsOS4zMzMgWiIvPjwvc3ZnPg==);
-  background-size: 0.52em auto, 100%;
-  background-color: #dddddd;
-  opacity: 0.75;
-  color: #a5a5a5;
-  cursor: not-allowed;
-  resize: none;
-}
-.w-select-large {
-  padding: 9px 25px 9px 12px;
-  font-size: 16px;
-}
-.w-select-small {
-  padding: 3px 25px 3px 7px;
-  font-size: 12px;
-}
-
 .w-split {
   height: 100%;
   display: flex;