@mdsfe/mds-ui 0.4.0-rc.7 → 0.4.0-rc.9

package/dist/style/cascaderpanel.css

@@ -1 +1,122 @@
-.mds-cascader-zoom-in-top-enter-active,.mds-cascader-zoom-in-top-leave-active{opacity:1;transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transform-origin:center top}.mds-cascader-zoom-in-top-enter,.mds-cascader-zoom-in-top-leave-active{opacity:0;transform:scaleY(0)}.mds-cascader-panel{display:flex;background:#fff;overflow-x:auto;max-width:"none"}.mds-cascader-panel-level{border-right:1px solid #dcdfe6;min-width:160px;min-height:160px;overflow:auto}.mds-cascader-panel-level:last-child{border-right:none}.mds-cascader-panel-empty-wrapper{display:flex;justify-content:center;align-items:center;height:100%}.mds-cascader-panel-empty-text{font-size:14px;color:#c0c4cc}.mds-cascader-panel.is-bordered{border:1px solid #dcdfe6}.mds-cascader-panel:after{content:"";display:block;clear:both}.mds-cascader-option{display:flex;align-items:center;justify-content:flex-start;cursor:pointer;user-select:none}.mds-cascader-option .mds-radio-wrapper{margin-right:0}.mds-cascader-option .mdsicon{float:right}.mds-cascader-option:hover{background:#e6f4ff;color:#0364ff}.mds-cascader-option-checkbox{margin-right:12px}.mds-cascader-option-label{flex:1;white-space:nowrap;display:flex;justify-content:space-between;align-items:center}.mds-cascader-option-active{background:#e6f4ff;color:#0364ff}.mds-cascader-option-multi-active{color:#0364ff}.mds-cascader-option-disabled:hover{background:none;color:#c0c4cc;cursor:not-allowed}.mds-cascader-option-disabled{color:#c0c4cc}.mds-cascader-option-large{line-height:40px;font-size:16px;padding:0 12px}.mds-cascader-option-large .mdsicon{margin:0 0 0 12px}.mds-cascader-option-medium{line-height:36px;font-size:14px;padding:0 12px}.mds-cascader-option-medium .mdsicon{margin:0 0 0 12px}.mds-cascader-option-small{line-height:32px;font-size:14px;padding:0 12px}.mds-cascader-option-small .mdsicon{margin:0 0 0 10px}.mds-cascader-option-mini{line-height:28px;font-size:12px;padding-left:8px}.mds-cascader-option-mini .mdsicon{margin:0 0 0 10px}
+.mds-cascader-zoom-in-top-enter-active,
+.mds-cascader-zoom-in-top-leave-active {
+  opacity: 1;
+  transform: scaleY(1);
+  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
+  transform-origin: center top;
+}
+.mds-cascader-zoom-in-top-enter,
+.mds-cascader-zoom-in-top-leave-active {
+  opacity: 0;
+  transform: scaleY(0);
+}
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable declaration-bang-space-before */
+/* stylelint-disable declaration-bang-space-before */
+.mds-cascader-panel {
+  display: flex;
+  background: #fff;
+  overflow-x: auto;
+  max-width: 'none';
+}
+.mds-cascader-panel-level {
+  border-right: 1px solid #dcdfe6;
+  min-width: 160px;
+  min-height: 160px;
+  overflow: auto;
+}
+.mds-cascader-panel-level:last-child {
+  border-right: none;
+}
+.mds-cascader-panel-empty-wrapper {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}
+.mds-cascader-panel-empty-text {
+  font-size: 14px;
+  color: #c0c4cc;
+}
+.mds-cascader-panel.is-bordered {
+  border: 1px solid #dcdfe6;
+}
+.mds-cascader-panel:after {
+  content: "";
+  display: block;
+  clear: both;
+}
+.mds-cascader-option {
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+  cursor: pointer;
+  user-select: none;
+}
+.mds-cascader-option .mds-radio-wrapper {
+  margin-right: 0;
+}
+.mds-cascader-option .mdsicon {
+  float: right;
+}
+.mds-cascader-option:hover {
+  background: #e6f4ff;
+  color: #0364ff;
+}
+.mds-cascader-option-checkbox {
+  margin-right: 12px;
+}
+.mds-cascader-option-label {
+  flex: 1;
+  white-space: nowrap;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.mds-cascader-option-active {
+  background: #e6f4ff;
+  color: #0364ff;
+}
+.mds-cascader-option-multi-active {
+  color: #0364ff;
+}
+.mds-cascader-option-disabled:hover {
+  background: none;
+  color: #c0c4cc;
+  cursor: not-allowed;
+}
+.mds-cascader-option-disabled {
+  color: #c0c4cc;
+}
+.mds-cascader-option-large {
+  line-height: 40px;
+  font-size: 16px;
+  padding: 0 12px;
+}
+.mds-cascader-option-large .mdsicon {
+  margin: 0 0 0 12px;
+}
+.mds-cascader-option-medium {
+  line-height: 36px;
+  font-size: 14px;
+  padding: 0 12px;
+}
+.mds-cascader-option-medium .mdsicon {
+  margin: 0 0 0 12px;
+}
+.mds-cascader-option-small {
+  line-height: 32px;
+  font-size: 14px;
+  padding: 0 12px;
+}
+.mds-cascader-option-small .mdsicon {
+  margin: 0 0 0 10px;
+}
+.mds-cascader-option-mini {
+  line-height: 28px;
+  font-size: 12px;
+  padding-left: 8px;
+}
+.mds-cascader-option-mini .mdsicon {
+  margin: 0 0 0 10px;
+}

package/dist/style/checkbox.css

@@ -1 +1,186 @@
-@keyframes mdsCheckboxEffect{0%{transform:scale(1);opacity:.5}to{transform:scale(1.6);opacity:0}}.clums .mds-checkbox-wrapper.mds-checkbox-group-item{display:block;margin-bottom:16px}.mds-checkbox{white-space:nowrap;cursor:pointer;outline:none;display:inline-block;line-height:1;position:relative;vertical-align:text-bottom}.mds-checkbox-input:focus+.mds-checkbox-inner,.mds-checkbox-wrapper:hover .mds-checkbox-inner,.mds-checkbox:hover .mds-checkbox-inner{border-color:#0364ff}.mds-checkbox-checked:after{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:2px;border:1px solid #0364ff;content:"";animation:mdsCheckboxEffect .36s ease-in-out;animation-fill-mode:both;visibility:hidden}.mds-checkbox-wrapper:hover .mds-checkbox:after,.mds-checkbox:hover:after{visibility:visible}.mds-checkbox-inner{position:relative;top:0;left:0;display:block;width:16px;height:16px;border:1px solid #d8dce6;border-radius:2px;background-color:#fff;transition:all .3s}.mds-checkbox-inner:after{transform:rotate(45deg) scale(0);position:absolute;left:4.3px;top:1px;display:block;width:6px;height:10px;border:2px solid #fff;border-top:0;border-left:0;content:" ";transition:all .1s cubic-bezier(.71,-.46,.88,.6)}.mds-checkbox-input{position:absolute;left:0;z-index:1;cursor:pointer;opacity:0;filter:alpha(opacity=0);top:0;bottom:0;right:0;width:100%;height:100%}.mds-checkbox-indeterminate .mds-checkbox-inner{background:#fff}.mds-checkbox-indeterminate .mds-checkbox-inner:after{content:"";transform:scale(1);position:absolute;left:2.85714286px;top:2.85714286px;width:10.28571429px;height:10.28571429px;background:#0364ff}.mds-checkbox-indeterminate.mds-checkbox-disabled .mds-checkbox-inner:after{border-color:rgba(0,0,0,.2)}.mds-checkbox-checked .mds-checkbox-inner:after{transform:rotate(45deg) scale(1);position:absolute;display:block;border:2px solid #fff;border-top:0;border-left:0;content:" ";transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s}.mds-checkbox-checked .mds-checkbox-inner{background-color:#0364ff;border-color:#0364ff}.mds-checkbox-disabled{cursor:not-allowed}.mds-checkbox-disabled.mds-checkbox-checked .mds-checkbox-inner:after{animation-name:none;border-color:#d8dce6}.mds-checkbox-disabled .mds-checkbox-input{cursor:not-allowed}.mds-checkbox-disabled .mds-checkbox-inner{border-color:#d8dce6!important;background-color:#fafafd}.mds-checkbox-disabled .mds-checkbox-inner:after{animation-name:none;border-color:#fafafd}.mds-checkbox-disabled+span{color:#aaa!important;cursor:not-allowed}.mds-checkbox-wrapper{cursor:pointer;font-size:14px;display:inline-block}.mds-checkbox-wrapper+.mds-checkbox-wrapper{margin-left:8px}.mds-checkbox+span,.mds-checkbox-wrapper+span{padding-left:8px;padding-right:8px;color:#354052}.mds-checkbox-group{font-size:14px}.mds-checkbox-group-item{display:inline-block;margin-right:20px}.mds-checkbox-group-item:last-child{margin-right:0}.mds-checkbox-group-item+.mds-checkbox-group-item{margin-left:0}@media \0screen{.mds-checkbox-checked .mds-checkbox-inner:after,.mds-checkbox-checked .mds-checkbox-inner:before{font-family:mdsicon;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\E632";font-weight:700;font-size:8px;border:0;color:#fff;left:2px;top:3px;position:absolute}}
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable declaration-bang-space-before */
+/* stylelint-disable declaration-bang-space-before */
+@keyframes mdsCheckboxEffect {
+  0% {
+    transform: scale(1);
+    opacity: 0.5;
+  }
+  100% {
+    transform: scale(1.6);
+    opacity: 0;
+  }
+}
+.clums .mds-checkbox-wrapper.mds-checkbox-group-item {
+  display: block;
+  margin-bottom: 16px;
+}
+.mds-checkbox {
+  white-space: nowrap;
+  cursor: pointer;
+  outline: none;
+  display: inline-block;
+  line-height: 1;
+  position: relative;
+  vertical-align: text-bottom;
+}
+.mds-checkbox-wrapper:hover .mds-checkbox-inner,
+.mds-checkbox:hover .mds-checkbox-inner,
+.mds-checkbox-input:focus + .mds-checkbox-inner {
+  border-color: #0364FF;
+}
+.mds-checkbox-checked:after {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: 2px;
+  border: 1px solid #0364FF;
+  content: '';
+  animation: mdsCheckboxEffect 0.36s ease-in-out;
+  animation-fill-mode: both;
+  visibility: hidden;
+}
+.mds-checkbox:hover:after,
+.mds-checkbox-wrapper:hover .mds-checkbox:after {
+  visibility: visible;
+}
+.mds-checkbox-inner {
+  position: relative;
+  top: 0;
+  left: 0;
+  display: block;
+  width: 16px;
+  height: 16px;
+  border: 1px solid #D8DCE6;
+  border-radius: 2px;
+  background-color: #fff;
+  transition: all .3s;
+}
+.mds-checkbox-inner:after {
+  transform: rotate(45deg) scale(0);
+  position: absolute;
+  left: 4.3px;
+  top: 1px;
+  display: block;
+  width: 6px;
+  height: 10px;
+  border: 2px solid #fff;
+  border-top: 0;
+  border-left: 0;
+  content: ' ';
+  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
+}
+.mds-checkbox-input {
+  position: absolute;
+  left: 0;
+  z-index: 1;
+  cursor: pointer;
+  opacity: 0;
+  filter: alpha(opacity=0);
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: 100%;
+  height: 100%;
+}
+.mds-checkbox-indeterminate .mds-checkbox-inner {
+  background: #fff;
+}
+.mds-checkbox-indeterminate .mds-checkbox-inner:after {
+  content: '';
+  transform: scale(1);
+  position: absolute;
+  left: 2.85714286px;
+  top: 2.85714286px;
+  width: 10.28571429px;
+  height: 10.28571429px;
+  background: #0364FF;
+}
+.mds-checkbox-indeterminate.mds-checkbox-disabled .mds-checkbox-inner:after {
+  border-color: rgba(0, 0, 0, 0.2);
+}
+.mds-checkbox-checked .mds-checkbox-inner:after {
+  transform: rotate(45deg) scale(1);
+  position: absolute;
+  display: block;
+  border: 2px solid #fff;
+  border-top: 0;
+  border-left: 0;
+  content: ' ';
+  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
+}
+.mds-checkbox-checked .mds-checkbox-inner {
+  background-color: #0364FF;
+  border-color: #0364FF;
+}
+.mds-checkbox-disabled {
+  cursor: not-allowed;
+}
+.mds-checkbox-disabled.mds-checkbox-checked .mds-checkbox-inner:after {
+  animation-name: none;
+  border-color: #D8DCE6;
+}
+.mds-checkbox-disabled .mds-checkbox-input {
+  cursor: not-allowed;
+}
+.mds-checkbox-disabled .mds-checkbox-inner {
+  border-color: #D8DCE6 !important;
+  background-color: #FAFAFD;
+}
+.mds-checkbox-disabled .mds-checkbox-inner:after {
+  animation-name: none;
+  border-color: #FAFAFD;
+}
+.mds-checkbox-disabled + span {
+  color: #aaaaaa !important;
+  cursor: not-allowed;
+}
+.mds-checkbox-wrapper {
+  cursor: pointer;
+  font-size: 14px;
+  display: inline-block;
+}
+.mds-checkbox-wrapper + .mds-checkbox-wrapper {
+  margin-left: 8px;
+}
+.mds-checkbox-wrapper + span,
+.mds-checkbox + span {
+  padding-left: 8px;
+  padding-right: 8px;
+  color: #354052;
+}
+.mds-checkbox-group {
+  font-size: 14px;
+}
+.mds-checkbox-group-item {
+  display: inline-block;
+  margin-right: 20px;
+}
+.mds-checkbox-group-item:last-child {
+  margin-right: 0;
+}
+.mds-checkbox-group-item + .mds-checkbox-group-item {
+  margin-left: 0;
+}
+@media \0screen {
+  .mds-checkbox-checked .mds-checkbox-inner:before,
+  .mds-checkbox-checked .mds-checkbox-inner:after {
+    font-family: 'mdsicon';
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    content: "\E632";
+    font-weight: bold;
+    font-size: 8px;
+    border: 0;
+    color: #fff;
+    left: 2px;
+    top: 3px;
+    position: absolute;
+  }
+}
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable declaration-bang-space-before */
+/* stylelint-disable declaration-bang-space-before */