weui - npm Package Compare versions

Comparing version 2.4.4 to 2.5.0

CHANGELOG.md

@@ -0,1 +1,19 @@
+### v2.5.0 (2021-09-17)
+
+#### Features
+* feat: WeUI组件库适配无障碍
+* feat: WeUI组件库适配大字号
+* feat: 新增无障碍、热区工具类(见`/style/base/a11y.less`)
+* feat: 按钮组件UI升级：高度、圆角属性
+* feat: 新增底部悬浮按钮
+* feat: 统一各平台组件样式（涉及dialog、actionsheet）
+* feat: 构建支持Node.js 12+的环境
+
+#### Bugfixes
+* fix: msg组件extra-area新增水平间距
+* fix: 修复toast文字场景默认宽度问题
+
+
+
+
 ### v2.4.4 (2021-03-23)
@@ -2,0 +20,0 @@

dist/example/example.js

@@ -67,3 +67,5 @@ /**
                 $html.removeClass('slideIn').addClass('js_show');
+                setPageA11y();
             });
+
             this.$container.append($html);
@@ -112,2 +114,3 @@ this._pageAppend.call(this, $html);
                 stack.dom.remove();
+                setPageA11y();
             });
@@ -289,3 +292,10 @@
     }
+    function setPageA11y() {
+        var $pages = $('.page');
+        var $lastPage = $pages.eq($pages.length - 1);
 
+        $pages.attr('aria-hidden','true'); // 所有page都加
+        $lastPage.removeAttr('aria-hidden').attr('tabindex','-1').trigger('focus'); // 最后一个page不用加
+    }
+
     function init(){
@@ -292,0 +302,0 @@ preload();

gulpfile.js

@@ -52,3 +52,3 @@ var path = require('path');
 
-gulp.task('build:style', function() {
+function buildStyle() {
     var banner = [
@@ -62,3 +62,3 @@ '/*!',
     ].join('\n');
-    gulp
+    return gulp
     .src('src/style/weui.less', option)
@@ -91,13 +91,11 @@ .pipe(sourcemaps.init())
     .pipe(gulp.dest(dist));
-});
-
-gulp.task('build:example:assets', function() {
-    gulp
+}
+function buildExampleAssets() {
+    return gulp
     .src('src/example/**/*.?(png|jpg|gif|js)', option)
     .pipe(gulp.dest(dist))
     .pipe(browserSync.reload({ stream: true }));
-});
-
-gulp.task('build:example:style', function() {
-    gulp
+}
+function buildExampleStyle() {
+    return gulp
     .src('src/example/example.less', option)
@@ -119,6 +117,5 @@ .pipe(
     .pipe(browserSync.reload({ stream: true }));
-});
-
-gulp.task('build:example:html', function() {
-    gulp
+}
+function buildExampleHTML() {
+    return gulp
     .src('src/example/index.html', option)
@@ -149,65 +146,20 @@ .pipe(
     .pipe(browserSync.reload({ stream: true }));
-});
+}
 
-gulp.task('build:example', [
-    'build:example:assets',
-    'build:example:style',
-    'build:example:html',
-]);
+gulp.task('build:style', buildStyle);
+gulp.task('build:example:assets', buildExampleAssets);
+gulp.task('build:example:style', buildExampleStyle);
+gulp.task('build:example:html', buildExampleHTML);
 
-gulp.task('build', ['build:style', 'build:example']);
+gulp.task('build:example', gulp.parallel('build:example:assets', 'build:example:style', 'build:example:html'));
 
-gulp.task('watch', ['build'], function() {
-    var list = [
-        {
-            path: 'src/style/**/*',
-            task: ['build:style'],
-        },
-        {
-            path: 'src/example/example.less',
-            task: ['build:example:style'],
-        },
-        {
-            path: 'src/example/**/*.?(png|jpg|gif|js)',
-            task: ['build:example:assets'],
-        },
-        {
-            path: 'src/**/*.html',
-            task: ['build:example:html'],
-        },
-    ];
-    list.forEach((item) => {
-        var timeout = null;
-        gulp.watch(path.resolve(__dirname, item.path)).on('change', function() {
-            clearTimeout(timeout);
+gulp.task('build', gulp.parallel('build:style', 'build:example'));
 
-            timeout = setTimeout(() => {
-                gulp.run(item.task);
-            }, 300);
-        });
+gulp.task('tag', function() {
+    return new Promise(resolve => {
+        const tag = `v${pkg.version}`;
+        exec(`git tag ${tag}`).then(resolve);
     });
 });
 
-gulp.task('server', function() {
-    yargs.p = yargs.p || 8080;
-    browserSync.init({
-        server: {
-            baseDir: './dist',
-        },
-        ui: {
-            port: yargs.p + 1,
-            weinre: {
-                port: yargs.p + 2,
-            },
-        },
-        port: yargs.p,
-        startPath: '/example',
-    });
-});
-
-gulp.task('tag', function() {
-    const tag = `v${pkg.version}`;
-    exec(`git tag ${tag}`);
-});
-
 // 参数说明
@@ -217,10 +169,57 @@ //  -w: 实时监听
 //  -p: 服务器启动端口，默认8080
-gulp.task('default', ['build'], function() {
-    if (yargs.s) {
-        gulp.start('server');
-    }
+gulp.task('default', gulp.series('build', function() {
+    return new Promise(resolve => {
+        if (yargs.s) {
+            yargs.p = yargs.p || 8080;
+            browserSync.init({
+                server: {
+                    baseDir: './dist',
+                },
+                ui: {
+                    port: yargs.p + 1,
+                    weinre: {
+                        port: yargs.p + 2,
+                    },
+                },
+                port: yargs.p,
+                startPath: '/example',
+            });
+            resolve();
+        }
 
-    if (yargs.w) {
-        gulp.start('watch');
-    }
-});
+        if (yargs.w) {
+            var list = [
+                {
+                    path: 'src/style/**/*',
+                    task: buildStyle,
+                },
+                {
+                    path: 'src/example/**/*.?(png|jpg|gif|js)',
+                    task: buildExampleAssets,
+                },
+                {
+                    path: 'src/example/example.less',
+                    task: buildExampleStyle,
+                },
+                {
+                    path: 'src/example/**/*.html',
+                    task: buildExampleHTML,
+                },
+            ];
+            list.forEach((item) => {
+                var timeout = null;
+                gulp.watch(path.resolve(__dirname, item.path)).on('change', function(path) {
+                    clearTimeout(timeout);
+
+                    console.log(path);
+                    timeout = setTimeout(() => {
+                        item.task();
+                    }, 300);
+                });
+            });
+            resolve();
+        }
+
+        resolve();
+    });
+}));

package.json

 {
     "name": "weui",
-    "version": "2.4.4",
+    "version": "2.5.0",
     "description": "A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications.",
@@ -38,3 +38,3 @@ "keywords": [
         "browser-sync": "^2.9.11",
-        "gulp": "^3.9.1",
+        "gulp": "^4.0.2",
         "gulp-convert-css-var": "^0.1.3",
@@ -41,0 +41,0 @@ "gulp-cssnano": "^2.0.0",

src/example/example.js

@@ -67,3 +67,5 @@ /**
                 $html.removeClass('slideIn').addClass('js_show');
+                setPageA11y();
             });
+
             this.$container.append($html);
@@ -112,2 +114,3 @@ this._pageAppend.call(this, $html);
                 stack.dom.remove();
+                setPageA11y();
             });
@@ -289,3 +292,10 @@
     }
+    function setPageA11y() {
+        var $pages = $('.page');
+        var $lastPage = $pages.eq($pages.length - 1);
 
+        $pages.attr('aria-hidden','true'); // 所有page都加
+        $lastPage.removeAttr('aria-hidden').attr('tabindex','-1').trigger('focus'); // 最后一个page不用加
+    }
+
     function init(){
@@ -292,0 +302,0 @@ preload();

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1611886

increased by8.71%

Number of package files

189

increased by3.28%

Lines of code

6795

increased by5.89%

No dependency changes