@mdsfe/mds-ui 0.2.0 → 0.2.9-rc.1

package/dist/style/carousel.css

@@ -718,7 +718,7 @@ a {
 }
 a:focus {
   text-decoration: underline;
-  text-decoration-skip: ink;
+  text-decoration-skip-ink: auto;
 }
 a:hover {
   color: #3f89ff;
@@ -768,7 +768,7 @@ samp {
   font-display: auto;
   font-style: normal;
   /* project id 1921203 */
-  src: url('//at.alicdn.com/t/font_1921203_dze2k4tp7o.woff2?t=1629700491964') format('woff2'), url('//at.alicdn.com/t/font_1921203_dze2k4tp7o.woff?t=1629700491964') format('woff'), url('//at.alicdn.com/t/font_1921203_dze2k4tp7o.ttf?t=1629700491964') format('truetype');
+  src: url(/dist/font/iconfont.486e3d3.woff2) format('woff2'), url(/dist/font/iconfont.675049e.woff) format('woff'), url(/dist/font/iconfont.28359fa.ttf) format('truetype');
 }
 .mdsicon {
   display: inline-block;
@@ -2285,6 +2285,54 @@ samp {
 .mdsicon-line-process:before {
   content: "\E60B";
 }
+.mdsicon-line-cluster:before {
+  content: "\E6D2";
+}
+.mdsicon-line-approval:before {
+  content: "\E6D1";
+}
+.mdsicon-line-whistory:before {
+  content: "\E6D0";
+}
+.mdsicon-line-wtable:before {
+  content: "\E6CF";
+}
+.mdsicon-line-Apply:before {
+  content: "\E6CE";
+}
+.mdsicon-line-wlist:before {
+  content: "\E6CD";
+}
+.mdsicon-line-monitor:before {
+  content: "\E6CC";
+}
+.mdsicon-line-deploy:before {
+  content: "\E6CB";
+}
+.mdsicon-line-gateway:before {
+  content: "\E6CA";
+}
+.mdsicon-line-measure:before {
+  content: "\E6C9";
+}
+.mdsicon-line-new:before {
+  content: "\E6C8";
+}
+.mdsicon-line-data:before {
+  content: "\E6C7";
+}
+.mdsicon-line-SCF:before {
+  content: "\E6C6";
+}
+.mdsicon-line-order:before {
+  content: "\E6C5";
+}
+.mdsicon-line-alert:before {
+  content: "\E6C4";
+}
+.mdsicon-line-management:before {
+  content: "\E6C3";
+}
 .mdsicon-line-trend-up:before {
   content: "\EA63";
 }
@@ -2723,6 +2771,9 @@ samp {
 .mdsicon-line-electronic-archives:before {
   content: "\E60D";
 }
+.mdsicon-line-doc:before {
+  content: "\E707";
+}
 .mdsicon-line-send-forward:before {
   content: "\EAC6";
 }
@@ -4887,6 +4938,177 @@ samp {
   display: inline-block;
   animation: loadingCircle 6s infinite linear;
 }
+.mdsicon-line-recommended-2:before {
+  content: "\E698";
+}
+.mdsicon-line-history-2:before {
+  content: "\E697";
+}
+.mdsicon-fill-collect-1:before {
+  content: "\E669";
+}
+.mdsicon-fill-praise-1:before {
+  content: "\E66D";
+}
+.mdsicon-line-show:before {
+  content: "\E659";
+}
+.mdsicon-line-praise-1:before {
+  content: "\E65D";
+}
+.mdsicon-fill-book1:before {
+  content: "\E63F";
+}
+.mdsicon-fill-beans:before {
+  content: "\E640";
+}
+.mdsicon-fill-article:before {
+  content: "\E641";
+}
+.mdsicon-fill-delete1:before {
+  content: "\E642";
+}
+.mdsicon-fill-recommend:before {
+  content: "\E643";
+}
+.mdsicon-fill-message:before {
+  content: "\E644";
+}
+.mdsicon-fill-ranking:before {
+  content: "\E645";
+}
+.mdsicon-fill-achievement:before {
+  content: "\E646";
+}
+.mdsicon-fill-circle:before {
+  content: "\E647";
+}
+.mdsicon-fill-figure-1:before {
+  content: "\E648";
+}
+.mdsicon-fill-figure-2:before {
+  content: "\E64A";
+}
+.mdsicon-fill-figure-7:before {
+  content: "\E64B";
+}
+.mdsicon-fill-figure-4:before {
+  content: "\E64C";
+}
+.mdsicon-fill-figure-10:before {
+  content: "\E652";
+}
+.mdsicon-fill-figure-5:before {
+  content: "\E653";
+}
+.mdsicon-fill-figure-3:before {
+  content: "\E654";
+}
+.mdsicon-fill-figure-9:before {
+  content: "\E655";
+}
+.mdsicon-fill-figure-6:before {
+  content: "\E656";
+}
+.mdsicon-fill-figure-8:before {
+  content: "\E657";
+}
+.mdsicon-line-article:before {
+  content: "\E658";
+}
+.mdsicon-line-calendar1:before {
+  content: "\E65A";
+}
+.mdsicon-line-add:before {
+  content: "\E65B";
+}
+.mdsicon-line-download1:before {
+  content: "\E65C";
+}
+.mdsicon-line-dynamic:before {
+  content: "\E65E";
+}
+.mdsicon-line-change:before {
+  content: "\E65F";
+}
+.mdsicon-line-course:before {
+  content: "\E660";
+}
+.mdsicon-line-edit1:before {
+  content: "\E661";
+}
+.mdsicon-line-comment:before {
+  content: "\E662";
+}
+.mdsicon-line-delete1:before {
+  content: "\E663";
+}
+.mdsicon-line-email:before {
+  content: "\E664";
+}
+.mdsicon-line-message:before {
+  content: "\E665";
+}
+.mdsicon-line-feedback:before {
+  content: "\E666";
+}
+.mdsicon-line-face1:before {
+  content: "\E667";
+}
+.mdsicon-line-link1:before {
+  content: "\E668";
+}
+.mdsicon-line-member:before {
+  content: "\E66A";
+}
+.mdsicon-line-picture:before {
+  content: "\E66B";
+}
+.mdsicon-line-PSQ:before {
+  content: "\E66C";
+}
+.mdsicon-line-time1:before {
+  content: "\E66E";
+}
+.mdsicon-line-setting1:before {
+  content: "\E66F";
+}
+.mdsicon-line-topic:before {
+  content: "\E670";
+}
+.mdsicon-line-transmit:before {
+  content: "\E671";
+}
+.mdsicon-line-select:before {
+  content: "\E672";
+}
+.mdsicon-line-management1:before {
+  content: "\E673";
+}
+.mdsicon-line-search1:before {
+  content: "\E674";
+}
+.mdsicon-line-vote:before {
+  content: "\E675";
+}
+.mdsicon-line-prompt:before {
+  content: "\E676";
+}
+.mdsicon-line-video:before {
+  content: "\E678";
+}
+.mdsicon-line-wechat:before {
+  content: "\E67A";
+}
+.mdsicon-line-close1:before {
+  content: "\E67B";
+}
+.mdsicon-line-home1:before {
+  content: "\E67C";
+}
+.mdsicon-line-landmark:before {
+  content: "\E67D";
+}
 .fade-enter,
 .fade-appear {
   animation-duration: 0.2s;

package/dist/style/cascader.css

@@ -0,0 +1,214 @@
+.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 {
+  background-color: #fff;
+  position: relative;
+}
+.mds-cascader .mds-input {
+  cursor: pointer;
+}
+.mds-cascader .mdsicon-line-close {
+  color: #ccd2db;
+  cursor: pointer;
+}
+.mds-cascader .mdsicon-line-close:hover {
+  color: rgba(0, 0, 0, 0.43);
+}
+.mds-cascader-multi-wrapper .mds-input-affix-wrapper .mds-input-suffix {
+  transform: translate(0);
+  top: 12px;
+}
+.mds-cascader-multi-wrapper .mds-cascader-multi-filter-wrapper {
+  height: 28px;
+  position: relative;
+  box-sizing: border-box;
+}
+.mds-cascader-multi-wrapper .mds-cascader-multi-filter-wrapper .mds-cascader-multi-filter {
+  box-sizing: inherit;
+  display: inline-block;
+  height: 100%;
+  width: 100%;
+  outline: none;
+  background: transparent;
+  appearance: none;
+  border: none;
+  padding-left: 2px;
+}
+.mds-cascader-multi-wrapper .mds-cascader-multi-filter-wrapper .mds-cascader-multi-filter-faker {
+  box-sizing: inherit;
+  position: absolute;
+  top: 0;
+  left: 0;
+  visibility: hidden;
+  white-space: pre;
+}
+.mds-cascader-multi-wrapper:focus-visible {
+  outline: none;
+}
+.mds-cascader-multi-wrapper-hovering {
+  border-color: #0364ff;
+}
+.mds-cascader-large .mdsicon {
+  font-size: 14px;
+}
+.mds-cascader-medium .mdsicon {
+  font-size: 12px;
+}
+.mds-cascader-small .mdsicon {
+  font-size: 10px;
+}
+.mds-cascader-mini .mdsicon {
+  font-size: 8px;
+}
+.mds-cascader-dropdown {
+  margin-top: 8px;
+  box-shadow: 0px 0px 12px 0px #d8dce6;
+}
+.mds-cascader-filter-panel {
+  background-color: #fff;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+.mds-cascader-filter-option {
+  height: 36px;
+  line-height: 36px;
+  font-size: 14px;
+  padding: 0 15px;
+  user-select: none;
+  cursor: pointer;
+}
+.mds-cascader-filter-option:hover {
+  background: #e6f4ff;
+  color: #0364ff;
+}
+.mds-cascader-filter-empty {
+  color: #c0c4cc;
+  text-align: center;
+}
+.mds-cascader-filter-option-active {
+  background: #e6f4ff;
+  color: #0364ff;
+}
+.mds-cascader-tags {
+  z-index: 1;
+  margin-left: 6px;
+  position: absolute;
+  top: 50%;
+  left: 0;
+  transform: translateY(-50%);
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: wrap;
+  width: calc(100% - 30px);
+}
+.mds-cascader-tags .mds-tag {
+  user-select: unset;
+  cursor: unset;
+  height: 100%;
+  max-width: 100%;
+  margin-left: 6px;
+  background-color: #fafafd;
+  border: none;
+  color: #7f8fa4;
+  border-radius: 2px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin: 2px 2px;
+}
+.mds-cascader-tags .mds-tag:hover {
+  opacity: unset;
+}
+.mds-cascader-tags .mds-tag .mds-tag-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.mds-cascader-tags .mds-tag .mdsicon-line-close {
+  margin-left: 6px;
+}
+.mds-cascader-tree-panel {
+  background-color: #fff;
+  border: 1px solid #d0d3d6;
+  border-radius: 6px;
+  max-height: 240px;
+  overflow: auto;
+  padding: 2px 2px 0;
+}
+.mds-cascader-tree-panel .mds-tree-empty-wrapper {
+  min-height: unset;
+  padding: 13px 11px;
+  justify-content: flex-start;
+}
+.mds-cascader-tree-panel .mds-tree-expand-content {
+  transition: all 0.1s;
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+  text-align: center;
+  border-radius: 3px;
+}
+.mds-cascader-tree-panel .mds-tree-expand-content .mdsicon {
+  height: 16px;
+  line-height: 16px;
+}
+.mds-cascader-tree-panel .mds-tree-expand-content:hover {
+  background-color: rgba(3, 100, 255, 0.2);
+}
+.mds-cascader-tree-panel .mds-tree-content {
+  padding: 4px 12px;
+  border-radius: 4px;
+}
+.mds-cascader-tree-panel .mds-tree-label-wrapper {
+  flex-shrink: 0;
+}
+.mds-cascader-tree-panel .mds-tree-label-wrapper .mds-tree-label {
+  height: 22px;
+  line-height: 22px;
+  display: inline-block;
+}
+.mds-cascader-tree-panel .mds-tree-label-wrapper .mds-tree-label:hover {
+  background-color: #ebf3ff;
+}
+.tree .tree-tags {
+  cursor: text;
+}
+.tree .mds-tag {
+  background-color: rgba(31, 35, 41, 0.1);
+  color: #1f2329;
+}
+.tree .mds-tag .mdsicon-line-close {
+  color: inherit;
+}
+.tree .mds-tag.mds-cascader-tags-disabled {
+  color: rgba(0, 0, 0, 0.2);
+}
+.tree .mds-tag.mds-cascader-tags-disabled .mdsicon-line-close {
+  cursor: default;
+}
+.mds-cascader-disabled {
+  cursor: default;
+}
+.mds-cascader-disabled .mds-input {
+  cursor: default;
+}
+.mds-cascader-disabled .mds-input:hover {
+  color: red;
+}
+.mds-cascader-disabled .mds-input-suffix {
+  color: #ccd2db;
+}

package/dist/style/cascaderpanel.css

@@ -16,10 +16,13 @@
 .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 {
@@ -35,18 +38,6 @@
   font-size: 14px;
   color: #c0c4cc;
 }
-.mds-cascader-panel.large .mds-cascader-panel-level {
-  height: 176px;
-}
-.mds-cascader-panel.medium .mds-cascader-panel-level {
-  height: 160px;
-}
-.mds-cascader-panel.small .mds-cascader-panel-level {
-  height: 144px;
-}
-.mds-cascader-panel.mini .mds-cascader-panel-level {
-  height: 128px;
-}
 .mds-cascader-panel.is-bordered {
   border: 1px solid #dcdfe6;
 }
@@ -62,6 +53,9 @@
   cursor: pointer;
   user-select: none;
 }
+.mds-cascader-option .mds-radio-wrapper {
+  margin-right: 0;
+}
 .mds-cascader-option .mdsicon {
   float: right;
 }
@@ -75,6 +69,9 @@
 .mds-cascader-option-label {
   flex: 1;
   white-space: nowrap;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
 }
 .mds-cascader-option-active {
   background: #e6f4ff;
@@ -97,7 +94,7 @@
   padding: 0 12px;
 }
 .mds-cascader-option-large .mdsicon {
-  margin: 12px 12px 0 0;
+  margin: 0 0 0 12px;
 }
 .mds-cascader-option-medium {
   line-height: 36px;
@@ -105,7 +102,7 @@
   padding: 0 12px;
 }
 .mds-cascader-option-medium .mdsicon {
-  margin: 12px 12px 0 0;
+  margin: 0 0 0 12px;
 }
 .mds-cascader-option-small {
   line-height: 32px;
@@ -113,7 +110,7 @@
   padding: 0 12px;
 }
 .mds-cascader-option-small .mdsicon {
-  margin: 9px 10px 0 0;
+  margin: 0 0 0 10px;
 }
 .mds-cascader-option-mini {
   line-height: 28px;
@@ -121,5 +118,5 @@
   padding-left: 8px;
 }
 .mds-cascader-option-mini .mdsicon {
-  margin: 8px 10px 0 0;
+  margin: 0 0 0 10px;
 }