chore: use jswork scope

.gitignore

@@ -1,4 +1,11 @@
 node_modules
 bower_components
 coverage
+npm-debug.log
+yarn.lock
+Gemfile.lock
+yarn-error.log
+package-lock.json
+.DS_Store
 .idea
+.vscode

.npmignore

@@ -0,0 +1,14 @@
+build
+node_modules
+src
+docs
+test
+__tests__
+.prettierrc
+.editorconfig
+gulpfile.js
+LICENSE.txt
+Rakefile
+server.js
+.prettierrc
+.release-it.json

.npmrc

@@ -1 +1,2 @@
 sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
+package-lock=false

.prettierrc

@@ -0,0 +1,27 @@
+{
+  "trailingComma": "es5",
+  "arrowParens": "always",
+  "bracketSpacing": true,
+  "jsxBracketSameLine": true,
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true,
+  "overrides": [
+    {
+      "files": "*.scss",
+      "options": {
+        "trailingComma": "none",
+        "tabWidth": 2,
+        "parser": "scss"
+      }
+    },
+    {
+      "files": "*.json",
+      "options": {
+        "trailingComma": "none",
+        "tabWidth": 2,
+        "parser": "json"
+      }
+    }
+  ]
+}

.release-it.json

@@ -0,0 +1,16 @@
+{
+  "git": {
+    "requireCleanWorkingDir": false
+  },
+  "hooks": {
+    "after:init": [
+      "t2k"
+    ],
+    "after:bump": [
+      "npm run build"
+    ]
+  },
+  "github": {
+    "release": true
+  }
+}

LICENSE.txt

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2016 afei <1290657123@qq.com>
+Copyright (c) 2020 afei <1290657123@qq.com>
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1,8 +1,39 @@
-# webkit-sassui-fieldset-divider
-> Divider implement by field set and legend tag
+# wsui-fieldset-divider
+> Divider implement by field set and legend tag.
 
-## usage:
-+ https://afeiship.github.io/webkit-sassui-fieldset-divider/
+[![version][version-image]][version-url]
+[![license][license-image]][license-url]
+[![size][size-image]][size-url]
+[![download][download-image]][download-url]
+
+## installation
+```shell
+npm i @jswork/wsui-fieldset-divider
+```
+
+## usage
+```scss
+// use sass
+@import '~@jswork/wsui-fieldset-divider/dist/index.scss';
+// use css
+@import '~@jswork/wsui-fieldset-divider/dist/style.css';
+```
+
+## preview
+- https://afeiship.github.io/wsui-fieldset-divider/
+
+## license
+Code released under [the MIT license](https://github.com/afeiship/wsui-fieldset-divider/blob/master/LICENSE.txt).
+
+[version-image]: https://img.shields.io/npm/v/@jswork/wsui-fieldset-divider
+[version-url]: https://npmjs.org/package/@jswork/wsui-fieldset-divider
+
+[license-image]: https://img.shields.io/npm/l/@jswork/wsui-fieldset-divider
+[license-url]: https://github.com/afeiship/wsui-fieldset-divider/blob/master/LICENSE.txt
+
+[size-image]: https://img.shields.io/bundlephobia/minzip/@jswork/wsui-fieldset-divider
+[size-url]: https://github.com/afeiship/wsui-fieldset-divider/blob/master/dist/wsui-fieldset-divider.min.js
+
+[download-image]: https://img.shields.io/npm/dm/@jswork/wsui-fieldset-divider
+[download-url]: https://www.npmjs.com/package/@jswork/wsui-fieldset-divider
 
-## resources:
-+ https://github.com/afeiship/generator-webkit-sassui

build/clean.js

@@ -1,16 +1,12 @@
 (function() {
-
   'use strict';
   var gulp = require('gulp');
-  var config = require('./config');
-  var argv = require('yargs').argv;
   var $ = require('gulp-load-plugins')({
-    pattern: ['gulp-*', 'gulp.*', 'del']
+    pattern: ['gulp-*', 'gulp.*', 'del'],
   });
-  
+
   //clean
   gulp.task('clean', function() {
     return $.del('dist');
   });
-
-}());
+})();

build/docs.js

@@ -0,0 +1,15 @@
+(function () {
+  'use strict';
+
+  var gulp = require('gulp');
+  var $ = require('gulp-load-plugins')({
+    pattern: ['gulp-*', 'gulp.*', 'del'],
+  });
+  //styles
+  gulp.task('docs', function () {
+    return gulp
+      .src('docs/style.scss')
+      .pipe($.sass({ outputStyle: 'expanded' }).on('error', $.sass.logError))
+      .pipe(gulp.dest('docs'));
+  });
+})();

build/styles.js

@@ -1,18 +1,21 @@
-(function() {
-
+(function () {
   'use strict';
 
   var gulp = require('gulp');
-  var config = require('./config');
-  var argv = require('yargs').argv;
+  var autoprefixer = require('autoprefixer');
   var $ = require('gulp-load-plugins')({
-    pattern: ['gulp-*', 'gulp.*', 'del']
+    pattern: ['gulp-*', 'gulp.*', 'del', '@jswork/gulp-*'],
   });
 
   //styles
-  gulp.task('styles',function() {
-    return gulp.src('src/*.scss')
+  gulp.task('styles', function () {
+    return gulp
+      .src('src/*.scss')
+      .pipe($.jswork.pkgHeader())
+      .pipe(gulp.dest('dist'))
+      .pipe($.sass())
+      .pipe($.postcss([autoprefixer()]))
+      .pipe($.rename('style.css'))
       .pipe(gulp.dest('dist'));
   });
-
-}());
+})();

dist/index.scss

@@ -0,0 +1,20 @@
+/*!
+ * name: @jswork/wsui-fieldset-divider
+ * description: Divider implement by field set and legend tag.
+ * homepage: https://github.com/afeiship/wsui-fieldset-divider
+ * version: 1.0.0
+ * date: 2021-03-07 21:16:28
+ * license: MIT
+ */
+
+$wsui-fieldset-divider-align-map: (left, center, right);
+.wsui-fieldset-divider {
+  padding: 0;
+  border: none;
+  border-top: 1px solid;
+  @each $value in $wsui-fieldset-divider-align-map {
+    &[data-align="#{$value}"] {
+      text-align: $value;
+    }
+  }
+}

dist/style.css

@@ -0,0 +1,18 @@
+/*!
+ * name: @jswork/wsui-fieldset-divider
+ * description: Divider implement by field set and legend tag.
+ * homepage: https://github.com/afeiship/wsui-fieldset-divider
+ * version: 1.0.0
+ * date: 2021-03-07 21:16:28
+ * license: MIT
+ */
+.wsui-fieldset-divider {
+  padding: 0;
+  border: none;
+  border-top: 1px solid; }
+  .wsui-fieldset-divider[data-align="left"] {
+    text-align: left; }
+  .wsui-fieldset-divider[data-align="center"] {
+    text-align: center; }
+  .wsui-fieldset-divider[data-align="right"] {
+    text-align: right; }

docs/index.html

@@ -5,36 +5,38 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
-  <title>webkit-sassui-fieldset-divider</title>
-  <link rel="stylesheet" href="./test.css">
+  <title>wsui-fieldset-divider</title>
+  <link rel="stylesheet" href="./style.css">
 </head>
 
 <body>
-  <div class="test-webkit-sassui-fieldset-divider">
+
+  <div class="test-wsui-fieldset-divider">
     <h3>align: left | center | right </h3>
     <center style="color:dodgerblue">
-      <fieldset class="px webkit-sassui-fieldset-divider">
+      <fieldset class="px wsui-fieldset-divider">
         <legend>我是分隔线:Default</legend>
       </fieldset>
     </center>
     <center style="color:salmon">
-      <fieldset class="pl webkit-sassui-fieldset-divider" data-align=left>
+      <fieldset class="pl wsui-fieldset-divider" data-align=left>
         <legend>我是一条帅气的分隔线: left </legend>
       </fieldset>
     </center>
 
     <center style="color:seagreen">
-      <fieldset class="px webkit-sassui-fieldset-divider" data-align=center>
+      <fieldset class="px wsui-fieldset-divider" data-align=center>
         <legend>我是一条普通的分隔线: center </legend>
       </fieldset>
     </center>
 
     <center style="color:royalblue">
-      <fieldset class="pr webkit-sassui-fieldset-divider" data-align=right>
+      <fieldset class="pr wsui-fieldset-divider" data-align=right>
         <legend>我是一条帅气的分隔线: right</legend>
       </fieldset>
     </center>
   </div>
+
 </body>
 
 </html>