@polyv/vue-components 1.1.1 → 1.2.0

package/after-install/index.js

@@ -0,0 +1,19 @@
+import fs from 'fs-extra';
+import path from 'path';
+import { fileURLToPath } from 'url';
+import { version } from 'vue';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const vue2Dir = path.resolve(__dirname, '../vue2');
+const vue3Dir = path.resolve(__dirname, '../vue3');
+
+const isVue2 = version.startsWith('2.');
+const targetVueDir = isVue2 ? vue2Dir : vue3Dir;
+
+// 将 vue2Dir 重命名为 vue
+fs.renameSync(targetVueDir, path.resolve(targetVueDir, '../vue'));
+
+// 删除另外一个目录
+fs.removeSync(isVue2 ? vue3Dir : vue2Dir);

package/package.json

@@ -1,23 +1,31 @@
 {
   "name": "@polyv/vue-components",
-  "version": "1.1.1",
-  "main": "./index.es.js",
-  "types": "./src/index.d.ts",
+  "version": "1.2.0",
+  "main": "./vue/index.es.js",
+  "types": "./vue/src/index.d.ts",
   "type": "module",
   "dependencies": {
     "@juggle/resize-observer": "^3.4.0",
+    "@just4/ajax": "^1.1.0",
     "@just4/dom": "^1.0.0",
     "@just4/load-script": "^1.2.0",
     "@just4/querystring": "^2.0.0",
     "@just4/ua-info": "^3.0.0",
-    "@polyv/icons-vue": "1.1.0",
-    "@polyv/polyv-ui": "4.11.0",
+    "@polyv/icons-vue-middle": "1.3.0-dev.13",
     "@popperjs/core": "2.11.4",
     "async-validator": "4.2.5",
     "clipboard": "2.0.10",
+    "esno": "4.8.0",
+    "fs-extra": "11.3.0",
     "lodash-es": "4.17.21",
+    "normalize-wheel": "^1.0.1",
     "svgaplayerweb": "2.3.2",
+    "swiper": "^12.0.2",
+    "vue": "2.7.16",
     "vue-types": "5.1.1"
   },
-  "module": "./index.es.js"
+  "module": "./vue/index.es.js",
+  "scripts": {
+    "postinstall": "node ./after-install/index.js"
+  }
 }

package/styles/mixins.scss

@@ -63,7 +63,8 @@
     border-left: 1px solid $trackBorder;
   }
   &::-webkit-scrollbar-track-piece {
-    background-color: transparent !important
+    background-color: transparent !important;
+    background: transparent !important;
   }
 }
 
@@ -74,6 +75,15 @@
   @include scrollbar(transparent, transparent, rgba(#000000, 0.16));
 }
 
+/**
+ * 隐藏滚动条
+ */
+@mixin hidden-scrollbar {
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}
+
 /**
  * 对于 iphone x 系列采用安全距离作为底部 padding
  * @param {number} $normalBottom - 若非 iphone x 系列,底部距离

package/styles/skin-color.scss

@@ -7,14 +7,14 @@ $skin-color-mode-prefix: 'pwc-skin-color-mode';
   $selector: &;
 
   // 设置默认浅色
-  @each $prop, $val in map-get($styles, light) {
+  @each $prop, $val in map.get($styles, light) {
     #{$prop}: #{$val};
   }
 
   @at-root {
     .#{$skin-color-mode-prefix}--dark {
       #{$selector} {
-        @each $prop, $val in map-get($styles, dark) {
+        @each $prop, $val in map.get($styles, dark) {
           #{$prop}: #{$val};
         }
       }
@@ -22,7 +22,7 @@ $skin-color-mode-prefix: 'pwc-skin-color-mode';
     // 浅色必须在 dark 之后，ignoreSkinColor 为 true 时，浅色样式会覆盖 dark 样式
     .#{$skin-color-mode-prefix}--light {
       #{$selector} {
-        @each $prop, $val in map-get($styles, light) {
+        @each $prop, $val in map.get($styles, light) {
           #{$prop}: #{$val};
         }
       }