<feat> add pc-picker

example/components/pc-picker/mixin.styl

-border-1px($color = #ccc, $radius = 2PX, $style = solid)
-  position: relative
-  &::after
-    content: ""
-    pointer-events: none
-    display: block
-    position: absolute
-    left: 0
-    top: 0
-    transform-origin: 0 0
-    border: 1PX $style $color
-    border-radius: $radius
-    box-sizing border-box
-    width 100%
-    height 100%
-    @media (min-resolution: 2dppx)
-      width: 200%
-      height: 200%
-      border-radius: $radius * 2
-      transform: scale(.5) translateZ(0)
-    @media (min-resolution: 3dppx)
-      width: 300%
-      height: 300%
-      border-radius: $radius * 3
-      transform: scale(.333) translateZ(0)
-
-border-none()
-  &::before
-    display: none
-  &::after
-    display: none
-
-flex-fix()
-  flex: 1
-  flex-basis: 0.000000001px
-  width: 1%
-
-touch-active(type = orange)
-  if (type == orange)
-    &:active
-      color: #fcc1a6
-      background-color: rgba(250, 143, 84, .04)
-  else
-    &:active
-      color: #c6c6c6
-      background-color: rgba(0, 0, 0, .04)
-
-hide-scrollbar()
-  &::-webkit-scrollbar
-    width: 0
-    height: 0
-
-bg-image($url, $ext = ".png")
-  background-image: url($url + "@2x" + $ext)
-  @media (min-resolution: 3dppx)
-    background-image: url($url + "@3x" + $ext)
-
-functions = constant env
-safe-area-fn(fn, position)
-  s("%s(safe-area-inset-%s)", fn, position)
-safe-area-mixin(property, position, important = false)
-  for fn in functions
-    {property} safe-area-fn(fn, position) important == true ? !important : unquote("")

example/components/pc-picker/pc-picker.vue

@@ -271,7 +271,10 @@
 </script>
 
 <style lang="stylus" rel="stylesheet/stylus">
-  @require "./mixin.styl"
+  flex-fix()
+    flex: 1
+    flex-basis: 0.000000001px
+    width: 1%
 
   .cube-picker-fade-enter, .cube-picker-fade-leave-active
     opacity: 0