@zkwq/business 0.0.46 → 0.0.47

package/dist/animations.scss

@@ -0,0 +1,65 @@
+@keyframes linear-double {
+  0% {
+    -webkit-transform: translateX(-56%);
+    transform: translateX(-56%)
+  }
+
+  to {
+    -webkit-transform: translateX(56%);
+    transform: translateX(56%)
+  }
+}
+@keyframes Bounce {
+  0%,to {
+    -webkit-transform: translateY(-100%);
+    transform: translateY(-100%)
+  }
+  50% {
+    -webkit-transform: translateY(100%);
+    transform: translateY(100%)
+  }
+}
+@keyframes BounceUp {
+  25% {
+    transform: translateY(-3px)
+  }
+  50% {
+    transform: translateY(0)
+  }
+  75% {
+    transform: translateY(3px)
+  }
+  100% {
+    transform: translateY(0)
+  }
+}
+.fade-enter-active, .fade-leave-active {
+  transition: opacity .5s;
+}
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+.fade-fast-enter-active, .fade-fast-leave-active {
+  transition: opacity .2s linear;
+}
+.fade-fast-enter, .fade-fast-leave-to {
+  opacity: 0;
+}
+
+@keyframes fadeInOut {
+  0%{opacity:0}
+  25%{opacity:.25}
+  to{opacity:1}
+}
+.fade-enter-active, .fade-leave-active {
+  transition: opacity .5s;
+}
+.fade-enter, .fade-leave-to {
+  opacity: 0;
+}
+.fade-fast-enter-active, .fade-fast-leave-active {
+  transition: opacity .2s linear;
+}
+.fade-fast-enter, .fade-fast-leave-to {
+  opacity: 0;
+}

package/dist/css/AppDialog.css

@@ -1,47 +1,4 @@
-.AppDialog__wrapper.base-dialog__wrapper {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  overflow-x: hidden;
-  overflow-y: auto;
-}
-.AppDialog {
-  max-height: 100vh;
-  transition: max-height 0.8s ease, height 0.8s ease;
-}
-.AppDialog.base-dialog {
-  margin-top: 0 !important;
-  margin-bottom: 0 !important;
-}
-.AppDialog .base-dialog__header {
-  padding: 0;
-}
-.AppDialog .base-dialog__body {
-  padding: 0;
-}
-.AppDialog--fullPage {
-  height: 100vh;
-}
-.AppDialog--fullPage.AppDialog .base-dialog__body {
-  height: 100%;
-}
-.AppDialog--fullPage.AppDialog .AppDialog__inner {
-  height: 100vh;
-  overflow: visible;
-}
-.AppDialog--fullPage.AppDialog .AppDialog__content {
-  height: 100%;
-}
-.Modal__closeButton {
-  position: absolute;
-  top: 8px;
-  right: -60px;
-  padding: 12px;
-}
-.Modal__closeIcon {
-  vertical-align: top;
-  fill: #FFF;
-}
+
 
 
 
@@ -159,4 +116,47 @@
 .AppDialog__subtitle--left[data-v-47783249] {
     padding: 0 16px;
 }
+}.AppDialog__wrapper.base-dialog__wrapper {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.AppDialog {
+  max-height: 100vh;
+  transition: max-height 0.8s ease, height 0.8s ease;
+}
+.AppDialog.base-dialog {
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+.AppDialog .base-dialog__header {
+  padding: 0;
+}
+.AppDialog .base-dialog__body {
+  padding: 0;
+}
+.AppDialog--fullPage {
+  height: 100vh;
+}
+.AppDialog--fullPage.AppDialog .base-dialog__body {
+  height: 100%;
+}
+.AppDialog--fullPage.AppDialog .AppDialog__inner {
+  height: 100vh;
+  overflow: visible;
+}
+.AppDialog--fullPage.AppDialog .AppDialog__content {
+  height: 100%;
+}
+.Modal__closeButton {
+  position: absolute;
+  top: 8px;
+  right: -60px;
+  padding: 12px;
+}
+.Modal__closeIcon {
+  vertical-align: top;
+  fill: #FFF;
 }

package/dist/css/AppDialog.min.css

@@ -1 +1 @@
-.AppDialog__wrapper.base-dialog__wrapper{display:flex;flex-direction:column;justify-content:center;overflow-x:hidden;overflow-y:auto}.AppDialog{max-height:100vh;transition:max-height .8s ease,height .8s ease}.AppDialog.base-dialog{margin-top:0!important;margin-bottom:0!important}.AppDialog .base-dialog__header{padding:0}.AppDialog .base-dialog__body{padding:0}.AppDialog--fullPage{height:100vh}.AppDialog--fullPage.AppDialog .base-dialog__body{height:100%}.AppDialog--fullPage.AppDialog .AppDialog__inner{height:100vh;overflow:visible}.AppDialog--fullPage.AppDialog .AppDialog__content{height:100%}.Modal__closeButton{position:absolute;top:8px;right:-60px;padding:12px}.Modal__closeIcon{vertical-align:top;fill:#FFF}[data-v-47783249]:export{primary:#2F3A91;success:#67C23A;warning:#FF791A;danger:#F1403C;info:#8590a6}.AppDialog__inner[data-v-47783249]{max-height:100vh;transition:max-height .8s ease,height .8s ease}.AppDialog__content[data-v-47783249]{padding:10px 20px 50px}.AppDialog__title[data-v-47783249]{margin-top:40px;font-size:24px;font-weight:500;color:#2f3a91;text-align:center}.AppDialog__subtitle[data-v-47783249]{padding:0 38px;margin-top:4px;font-size:14px;line-height:1.5;color:#8590a6;text-align:center}.AppDialog__title--left[data-v-47783249]{padding:0 20px;font-size:15px;color:#2f3a91;font-weight:600;height:60px;line-height:60px}.AppDialog__subtitle--left[data-v-47783249]{padding:0 20px;font-size:14px;line-height:1;color:#8590a6;text-align:left}@media (max-width:576px){.AppDialog__title--left[data-v-47783249]{padding:20px 16px 10px}.AppDialog__subtitle--left[data-v-47783249]{padding:0 16px}}
+[data-v-47783249]:export{primary:#2F3A91;success:#67C23A;warning:#FF791A;danger:#F1403C;info:#8590a6}.AppDialog__inner[data-v-47783249]{max-height:100vh;transition:max-height .8s ease,height .8s ease}.AppDialog__content[data-v-47783249]{padding:10px 20px 50px}.AppDialog__title[data-v-47783249]{margin-top:40px;font-size:24px;font-weight:500;color:#2f3a91;text-align:center}.AppDialog__subtitle[data-v-47783249]{padding:0 38px;margin-top:4px;font-size:14px;line-height:1.5;color:#8590a6;text-align:center}.AppDialog__title--left[data-v-47783249]{padding:0 20px;font-size:15px;color:#2f3a91;font-weight:600;height:60px;line-height:60px}.AppDialog__subtitle--left[data-v-47783249]{padding:0 20px;font-size:14px;line-height:1;color:#8590a6;text-align:left}@media (max-width:576px){.AppDialog__title--left[data-v-47783249]{padding:20px 16px 10px}.AppDialog__subtitle--left[data-v-47783249]{padding:0 16px}}.AppDialog__wrapper.base-dialog__wrapper{display:flex;flex-direction:column;justify-content:center;overflow-x:hidden;overflow-y:auto}.AppDialog{max-height:100vh;transition:max-height .8s ease,height .8s ease}.AppDialog.base-dialog{margin-top:0!important;margin-bottom:0!important}.AppDialog .base-dialog__header{padding:0}.AppDialog .base-dialog__body{padding:0}.AppDialog--fullPage{height:100vh}.AppDialog--fullPage.AppDialog .base-dialog__body{height:100%}.AppDialog--fullPage.AppDialog .AppDialog__inner{height:100vh;overflow:visible}.AppDialog--fullPage.AppDialog .AppDialog__content{height:100%}.Modal__closeButton{position:absolute;top:8px;right:-60px;padding:12px}.Modal__closeIcon{vertical-align:top;fill:#FFF}

package/dist/mixins.scss

@@ -0,0 +1,196 @@
+@import "function";
+@import "var";
+
+/* Break-points
+ -------------------------- */
+@mixin res($key, $map: $--breakpoints) {
+  @if map-has-key($map, $key) {
+    @media only screen and #{inspect(map-get($map, $key))} {
+      @content;
+    }
+  } @else {
+    @warn "Undefeined points: `#{$map}`";
+  }
+}
+
+/* Scrollbar
+ -------------------------- */
+@mixin scroll-bar {
+  $--scrollbar-thumb-background: #b4bccc;
+  $--scrollbar-track-background: #fff;
+
+  &::-webkit-scrollbar {
+    z-index: 11;
+    width: 6px;
+
+    &:horizontal {
+      height: 6px;
+    }
+
+    &-thumb {
+      border-radius: 5px;
+      width: 6px;
+      background: $--scrollbar-thumb-background;
+    }
+
+    &-corner {
+      background: $--scrollbar-track-background;
+    }
+
+    &-track {
+      background: $--scrollbar-track-background;
+
+      &-piece {
+        background: $--scrollbar-track-background;
+        width: 6px;
+      }
+    }
+  }
+}
+
+/* Placeholder
+ -------------------------- */
+@mixin placeholder {
+  &::-webkit-input-placeholder {
+    @content
+  }
+
+  &::-moz-placeholder {
+    @content
+  }
+
+  &:-ms-input-placeholder {
+    @content
+  }
+}
+
+/* BEM
+ -------------------------- */
+@mixin b($block) {
+  $B: $namespace+'-'+$block !global;
+
+  .#{$B} {
+    @content;
+  }
+}
+
+@mixin e($element) {
+  $E: $element !global;
+  $selector: &;
+  $currentSelector: "";
+  @each $unit in $element {
+    $currentSelector: #{$currentSelector + "." + $B + $element-separator + $unit + ","};
+  }
+
+  @if hitAllSpecialNestRule($selector) {
+    @at-root {
+      #{$selector} {
+        #{$currentSelector} {
+          @content;
+        }
+      }
+    }
+  } @else {
+    @at-root {
+      #{$currentSelector} {
+        @content;
+      }
+    }
+  }
+}
+
+@mixin m($modifier) {
+  $selector: &;
+  $currentSelector: "";
+  @each $unit in $modifier {
+    $currentSelector: #{$currentSelector + & + $modifier-separator + $unit + ","};
+  }
+
+  @at-root {
+    #{$currentSelector} {
+      @content;
+    }
+  }
+}
+
+@mixin configurable-m($modifier, $E-flag: false) {
+  $selector: &;
+  $interpolation: '';
+
+  @if $E-flag {
+    $interpolation: $element-separator + $E-flag;
+  }
+
+  @at-root {
+    #{$selector} {
+      .#{$B+$interpolation+$modifier-separator+$modifier} {
+        @content;
+      }
+    }
+  }
+}
+
+@mixin spec-selector($specSelector: '', $element: $E, $modifier: false, $block: $B) {
+  $modifierCombo: '';
+
+  @if $modifier {
+    $modifierCombo: $modifier-separator + $modifier;
+  }
+
+  @at-root {
+    #{&}#{$specSelector}.#{$block+$element-separator+$element+$modifierCombo} {
+      @content
+    }
+  }
+}
+
+@mixin meb($modifier: false, $element: $E, $block: $B) {
+  $selector: &;
+  $modifierCombo: '';
+
+  @if $modifier {
+    $modifierCombo: $modifier-separator + $modifier;
+  }
+
+  @at-root {
+    #{$selector} {
+      .#{$block+$element-separator+$element+$modifierCombo} {
+        @content
+      }
+    }
+  }
+}
+
+@mixin when($state) {
+  @at-root {
+    &.#{$state-prefix + $state} {
+      @content;
+    }
+  }
+}
+
+@mixin must($state1, $state2) {
+  @at-root {
+    &.#{$state-prefix + $state1}.#{$state-prefix + $state2} {
+      @content;
+    }
+  }
+}
+
+@mixin extend-rule($name) {
+  @extend #{'%shared-'+$name};
+}
+
+@mixin share-rule($name) {
+  $rule-name: '%shared-'+$name;
+
+  @at-root #{$rule-name} {
+    @content
+  }
+}
+
+@mixin pseudo($pseudo) {
+  @at-root #{&}#{':#{$pseudo}'} {
+    @content
+  }
+}

package/dist/transition.scss

@@ -0,0 +1,138 @@
+@import "var";
+
+.fade-in-linear-enter-active,
+.fade-in-linear-leave-active {
+  transition: $--fade-linear-transition;
+}
+.fade-in-linear-enter,
+.fade-in-linear-leave,
+.fade-in-linear-leave-active {
+  opacity: 0;
+}
+
+.base-fade-in-linear-enter-active,
+.base-fade-in-linear-leave-active {
+  transition: $--fade-linear-transition;
+}
+.base-fade-in-linear-enter,
+.base-fade-in-linear-leave,
+.base-fade-in-linear-leave-active {
+  opacity: 0;
+}
+
+.base-fade-in-enter-active,
+.base-fade-in-leave-active {
+  transition: all .3s cubic-bezier(.55,0,.1,1);
+}
+.base-fade-in-enter,
+.base-fade-in-leave-active {
+  opacity: 0;
+}
+
+.base-zoom-in-center-enter-active,
+.base-zoom-in-center-leave-active {
+  transition: all .3s cubic-bezier(.55,0,.1,1);
+}
+.base-zoom-in-center-enter,
+.base-zoom-in-center-leave-active {
+  opacity: 0;
+  transform: scaleX(0);
+}
+
+.base-zoom-in-top-enter-active,
+.base-zoom-in-top-leave-active {
+  opacity: 1;
+  transform: scaleY(1);
+  transition: $--md-fade-transition;
+  transform-origin: center top;
+}
+.base-zoom-in-top-enter,
+.base-zoom-in-top-leave-active {
+  opacity: 0;
+  transform: scaleY(0);
+}
+
+.base-zoom-in-bottom-enter-active,
+.base-zoom-in-bottom-leave-active {
+  opacity: 1;
+  transform: scaleY(1);
+  transition: $--md-fade-transition;
+  transform-origin: center bottom;
+}
+.base-zoom-in-bottom-enter,
+.base-zoom-in-bottom-leave-active {
+  opacity: 0;
+  transform: scaleY(0);
+}
+
+.base-zoom-in-left-enter-active,
+.base-zoom-in-left-leave-active {
+  opacity: 1;
+  transform: scale(1, 1);
+  transition: $--md-fade-transition;
+  transform-origin: top left;
+}
+.base-zoom-in-left-enter,
+.base-zoom-in-left-leave-active {
+  opacity: 0;
+  transform: scale(.45, .45);
+}
+
+.base-tooltip-enter-active,
+.base-tooltip-leave-active {
+  opacity: .9;
+  transform: scale(1, 1);
+  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
+}
+.base-tooltip-enter,
+.base-tooltip-leave-active {
+  opacity: 0;
+  transform: scale(0);
+}
+.base-tooltip-move {
+  transition: transform .6s
+}
+
+.collapse-transition {
+  transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;
+}
+.horizontal-collapse-transition {
+  transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out;
+}
+
+.base-list-enter-active,
+.base-list-leave-active {
+  transition: all 1s;
+}
+.base-list-enter, .base-list-leave-active {
+  opacity: 0;
+  transform: translateY(-30px);
+}
+
+.base-opacity-transition {
+  transition: opacity .3s cubic-bezier(.55,0,.1,1);
+}
+
+.base-slide-y-enter-active,
+.base-slide-y-leave-active {
+  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
+}
+.base-slide-y-move {
+  transition: transform .6s;
+}
+.base-slide-y-enter, .base-slide-y-leave-to {
+  opacity: 0;
+  transform: translateY(-15px);
+}
+
+
+.base-flip-list-enter, .base-flip-list-leave-to {
+  opacity: 0;
+  transform: translateY(30px);
+}
+.base-flip-list-leave-active {
+  position: absolute;
+}
+.base-flip-list-move {
+  transition: transform .6s;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zkwq/business",
-  "version": "0.0.46",
+  "version": "0.0.47",
   "description": "中科文情业务组件库",
   "type": "module",
   "main": "dist/index.umd.min.cjs",

package/vite.config.js

@@ -14,7 +14,10 @@ export default defineConfig({
       hook:'closeBundle',
       targets:[
         { src: 'src/static/', dest: 'dist/' },
-        { src: 'src/components/base/ui/style/var.scss', dest: 'dist/'}
+        { src: 'src/components/base/ui/style/var.scss', dest: 'dist/'},
+        { src: 'src/components/base/ui/style/animations.scss', dest: 'dist/'},
+        { src: 'src/components/base/ui/style/mixins.scss', dest: 'dist/'},
+        { src: 'src/components/base/ui/style/transition.scss', dest: 'dist/'}
       ]
     }),
     SplitStylePluginVite({