chbim-plugins 0.0.5 → 0.0.7

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "chbim-plugins",
   "private": false,
-  "version": "0.0.05",
+  "version": "0.0.07",
   "description": "一个简单的组件库",
   "main": "chbim-plugins.js",
   "scripts": {

package/style.css

@@ -1 +1 @@
-.muk-btn[data-v-0e6d93cd]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:#fff;text-align:center;border:1px solid transparent;border-radius:4px;cursor:pointer}.large[data-v-0e6d93cd]{width:240px;height:50px;font-size:16px}.moddle[data-v-0e6d93cd]{width:180px;height:50px;font-size:16px}.small[data-v-0e6d93cd]{width:100px;height:32px}.mini[data-v-0e6d93cd]{width:60px;height:32px}.default[data-v-0e6d93cd]{border-color:#e4e4e4;color:#666}.primary[data-v-0e6d93cd]{border-color:#87ceeb;background:skyblue;color:#fff}.plain[data-v-0e6d93cd]{border-color:#87ceeb;color:#87ceeb;background:#ffffff}.gray[data-v-0e6d93cd]{border-color:#ccc;background:#ccc;color:#fff}.logo--mask{overflow:hidden;margin-bottom:2rem}.logo--mask img,.logo--mask p{width:20rem;height:auto;margin:0 auto;visibility:hidden;opacity:0}.logo--mask p{font-size:3.5rem;font-weight:700;text-align:center;margin:0;width:100%}.mask{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;visibility:hidden;opacity:0}.mask__slice{flex:1;background-color:#000}.mask__inner{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%)}.mask-line{position:relative;-webkit-transform-origin:left;transform-origin:left;width:30rem;height:3px;overflow:hidden;background-color:#ffffff40;visibility:hidden;opacity:0}.mask-line__inner{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;-webkit-transform-origin:left;transform-origin:left}@media (max-width: 800px){.resize{display:block}}@media (max-height: 600px){.resize{display:block}}
+.muk-btn[data-v-0e6d93cd]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:#fff;text-align:center;border:1px solid transparent;border-radius:4px;cursor:pointer}.large[data-v-0e6d93cd]{width:240px;height:50px;font-size:16px}.moddle[data-v-0e6d93cd]{width:180px;height:50px;font-size:16px}.small[data-v-0e6d93cd]{width:100px;height:32px}.mini[data-v-0e6d93cd]{width:60px;height:32px}.default[data-v-0e6d93cd]{border-color:#e4e4e4;color:#666}.primary[data-v-0e6d93cd]{border-color:#87ceeb;background:skyblue;color:#fff}.plain[data-v-0e6d93cd]{border-color:#87ceeb;color:#87ceeb;background:#ffffff}.gray[data-v-0e6d93cd]{border-color:#ccc;background:#ccc;color:#fff}.logo--mask{overflow:hidden;margin-bottom:2rem}.logo--mask img,.logo--mask p{width:20rem;height:auto;margin:0 auto;visibility:hidden;opacity:0}.logo--mask p{font-size:3.5rem;font-weight:700;text-align:center;margin:0;width:100%}.mask{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;visibility:hidden;opacity:0}.mask__slice{flex:1;background-color:#000}.mask__inner{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%)}.mask-line{position:relative;-webkit-transform-origin:left;transform-origin:left;width:30rem;height:3px;overflow:hidden;background-color:#ffffff40;visibility:hidden;opacity:0}.mask-line__inner{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;-webkit-transform-origin:left;transform-origin:left}@media (max-width: 800px){.resize{display:block}}@media (max-height: 600px){.resize{display:block}}*{box-sizing:border-box}#modal-container{position:fixed;display:table;height:100%;width:100%;top:0;left:0;transform:scale(0);z-index:1}#modal-container.one{transform:scaleY(.01) scaleX(0);animation:unfoldIn 1s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.one .modal-background .modal{transform:scale(0);animation:zoomIn .5s .8s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.one.out{transform:scale(1);animation:unfoldOut 1s .3s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.one.out .modal-background .modal{animation:zoomOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two{transform:scale(1)}#modal-container.two .modal-background{background:transparent;animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two .modal-background .modal{opacity:0;animation:scaleUp .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two+.content{animation:scaleBack .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two.out{animation:quickScaleDown 0s .5s linear forwards}#modal-container.two.out .modal-background{animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two.out .modal-background .modal{animation:scaleDown .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.two.out+.content{animation:scaleForward .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.three{z-index:0;transform:scale(1)}#modal-container.three .modal-background{background:rgba(0,0,0,.6)}#modal-container.three .modal-background .modal{animation:moveUp .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.three+.content{z-index:1;animation:slideUpLarge .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.three.out .modal-background .modal{animation:moveDown .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.three.out+.content{animation:slideDownLarge .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.four{z-index:0;transform:scale(1)}#modal-container.four .modal-background{background:rgba(0,0,0,.7)}#modal-container.four .modal-background .modal{animation:blowUpModal .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.four+.content{z-index:1;animation:blowUpContent .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.four.out .modal-background .modal{animation:blowUpModalTwo .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.four.out+.content{animation:blowUpContentTwo .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.five{transform:scale(1)}#modal-container.five .modal-background{background:rgba(0,0,0,0);animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.five .modal-background .modal{transform:translate(-1500px);animation:roadRunnerIn .3s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.five.out{animation:quickScaleDown 0s .5s linear forwards}#modal-container.five.out .modal-background{animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.five.out .modal-background .modal{animation:roadRunnerOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.six{transform:scale(1)}#modal-container.six .modal-background{background:rgba(0,0,0,0);animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.six .modal-background .modal{background-color:transparent;animation:modalFadeIn .5s .8s cubic-bezier(.165,.84,.44,1) forwards;h2,p {opacity: 0; position: relative; animation: modalContentFadeIn .5s 1s cubic-bezier(.165,.84,.44,1) forwards;} .modal-svg {rect {animation: sketchIn .5s .3s cubic-bezier(.165,.84,.44,1) forwards;}}}#modal-container.six.out{animation:quickScaleDown 0s .5s linear forwards}#modal-container.six.out .modal-background{animation:fadeOut .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.six.out .modal-background .modal{animation:modalFadeOut .5s cubic-bezier(.165,.84,.44,1) forwards;h2,p {animation: modalContentFadeOut .5s cubic-bezier(.165,.84,.44,1) forwards;} .modal-svg {rect {animation: sketchOut .5s cubic-bezier(.165,.84,.44,1) forwards;}}}#modal-container.seven{transform:scale(1)}#modal-container.seven .modal-background{background:rgba(0,0,0,0);animation:fadeIn .5s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.seven .modal-background .modal{height:75px;width:75px;border-radius:75px;overflow:hidden;animation:bondJamesBond 1.5s cubic-bezier(.165,.84,.44,1) forwards;h2,p {opacity: 0; position: relative; animation: modalContentFadeIn .5s 1.4s linear forwards;}}#modal-container.seven.out{animation:slowFade .5s 1.5s linear forwards}#modal-container.seven.out .modal-background{background-color:#000000b3;animation:fadeToRed 2s cubic-bezier(.165,.84,.44,1) forwards}#modal-container.seven.out .modal-background .modal{border-radius:3px;height:162px;width:227px;animation:killShot 1s cubic-bezier(.165,.84,.44,1) forwards;h2,p {animation: modalContentFadeOut .5s .5 cubic-bezier(.165,.84,.44,1) forwards;}}#modal-container .modal-background{display:table-cell;background:rgba(0,0,0,.8);text-align:center;vertical-align:middle}#modal-container .modal-background .modal{background:white;padding:30px;display:inline-block;border-radius:3px;font-weight:300;position:relative;border:1px solid;h2 {font-size: 25px; line-height: 25px; margin-bottom: 15px;} p {font-size: 18px; margin: 0; line-height: 1;} .modal-svg {position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 3px; rect {stroke: #fff; stroke-width: 2px; stroke-dasharray: 778; stroke-dashoffset: 778;}}}.content{min-height:100%;height:100%;background:white;position:relative;z-index:0;h1 {padding: 75px 0 30px 0; text-align: center; font-size: 30px; line-height: 30px;} .buttons {max-width: 800px; margin: 0 auto; padding: 0; text-align: center; .button {display: inline-block; text-align: center; padding: 10px 15px; margin: 10px; background: red; font-size: 18px; background-color: #efefef; border-radius: 3px; box-shadow: 0 1px 2px rgba(0,0,0,.3); cursor: pointer; &:hover {color: white; background: #009bd5;}}}}@keyframes unfoldIn{0%{transform:scaleY(.005) scaleX(0)}50%{transform:scaleY(.005) scaleX(1)}to{transform:scaleY(1) scaleX(1)}}@keyframes unfoldOut{0%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(.005) scaleX(1)}to{transform:scaleY(.005) scaleX(0)}}@keyframes zoomIn{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes fadeIn{0%{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,0)}}@keyframes fadeOut{0%{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,0)}}@keyframes scaleUp{0%{transform:scale(.8) translateY(1000px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes scaleDown{0%{transform:scale(1) translateY(0);opacity:1}to{transform:scale(.8) translateY(1000px);opacity:0}}@keyframes scaleBack{0%{transform:scale(1)}to{transform:scale(.85)}}@keyframes scaleForward{0%{transform:scale(.85)}to{transform:scale(1)}}@keyframes quickScaleDown{0%{transform:scale(1)}99.9%{transform:scale(1)}to{transform:scale(0)}}@keyframes slideUpLarge{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideDownLarge{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes moveUp{0%{transform:translateY(150px)}to{transform:translateY(0)}}@keyframes moveDown{0%{transform:translateY(0)}to{transform:translateY(150px)}}@keyframes blowUpContent{0%{transform:scale(1);opacity:1}99.9%{transform:scale(2);opacity:0}to{transform:scale(0)}}@keyframes blowUpContentTwo{0%{transform:scale(2);opacity:0}to{transform:scale(1);opacity:1}}@keyframes blowUpModal{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes blowUpModalTwo{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@keyframes roadRunnerIn{0%{transform:translate(-1500px) skew(30deg) scaleX(1.3)}70%{transform:translate(30px) skew(0) scaleX(.9)}to{transform:translate(0) skew(0) scaleX(1)}}@keyframes roadRunnerOut{0%{transform:translate(0) skew(0) scaleX(1)}30%{transform:translate(-30px) skew(-5deg) scaleX(.9)}to{transform:translate(1500px) skew(30deg) scaleX(1.3)}}@keyframes sketchIn{0%{stroke-dashoffset:778}to{stroke-dashoffset:0}}@keyframes sketchOut{0%{stroke-dashoffset:0}to{stroke-dashoffset:778}}@keyframes modalFadeIn{0%{background-color:transparent}to{background-color:#fff}}@keyframes modalFadeOut{0%{background-color:#fff}to{background-color:transparent}}@keyframes modalContentFadeIn{0%{opacity:0;top:-20px}to{opacity:1;top:0}}@keyframes modalContentFadeOut{0%{opacity:1;top:0px}to{opacity:0;top:-20px}}@keyframes bondJamesBond{0%{transform:translate(1000px)}80%{transform:translate(0);border-radius:75px;height:75px;width:75px}90%{border-radius:3px;height:182px;width:247px}to{border-radius:3px;height:162px;width:227px}}@keyframes killShot{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(300px) rotate(45deg);opacity:0}}@keyframes fadeToRed{0%{background-color:rgba(black,.6)}to{background-color:rgba(red,.8)}}@keyframes slowFade{0%{opacity:1}99.9%{opacity:0;transform:scale(1)}to{transform:scale(0)}}