aaa-ui-test 1.0.0

package/README.md

@@ -0,0 +1,62 @@
+# jdd-ui
+
+基于vue的ui组件，使用更简单、方便，与客户端ui保证体验一致性
+
+## Git
+
+- [Git Repo](http://git.jd.com/mfe-common/jdd-ui)
+
+## Git规范
+
+为了让代码整体显示更为规范，建议开发人员遵循以下约定。
+
+### 代码提交
+
+每段代码提交必须写message，格式建议如下：
+
+```
+{更新类型}:  {更新标题}
+
+{更新描述}
+```
+
+## 代码规范
+
+遵循ESLint规范
+
+
+#### 更新类型枚举值
+
+- feature: 功能
+- chore: 小改动
+- fix: 修复  如有对应issue，请贴上issue链接
+- demo: 效果示例相关
+- doc: 文档
+- release: 发布
+- README: readme
+- ...(待添加)
+
+## 开发引导
+```
+npm install
+```
+
+### 运行开发环境
+```
+npm run serve
+```
+## 常规版本发布
+
+修改package.json版本号
+
+npm run build:main
+npm run build:module
+npm publish 
+
+## beta版本发布
+修改package.json版本号
+xxx-beta
+比如1.0.5-beta
+npm run build:main
+npm run build:module
+npm publish --tag=beta

package/babel-plugin-on-demand-load/index.js

@@ -0,0 +1,74 @@
+/* 
+    功能
+    jdd-ui按需引入功能babel 插件
+   将 import {Button,test} from "jdd-ui"
+   转换成按需引入的指定目录
+   import Button from "jdd-ui/lib/button/index.js";
+    import "jdd-ui/lib/button/index.css";
+    import test from "jdd-ui/lib/test/index.js";
+    import "jdd-ui/lib/test/index.css";
+    此功能需要webpack配合支持
+*/
+function isImportDefault(path,libraryName){
+    let node = path.node;
+    //console.log(node.specifiers.length,node.source.value)
+    return  (!node.specifiers||!node.specifiers.length||node.source.value!=="jdd-ui")
+}
+/* 将组件名字大写字母开头或者混合转换成小写+"-"
+    Button=>button
+    ButtonGroup=>button-group
+
+*/
+function parseName(_str) {
+
+    var str = _str[0].toLowerCase() + _str.substr(1);
+
+    return str.replace(/([A-Z])/g, function ($1) {
+      return "-".concat($1.toLowerCase());
+    });
+  }
+/* 
+    根据specifiers动态生成新的ast节点
+*/
+function getImports(specifierName=[],t,libraryName,libraryDirectory){
+    let imports = [];
+    specifierName.forEach(name=>{
+        let lowerPathName = parseName(name);
+        let packagePath = `${libraryName}/${libraryDirectory}/${lowerPathName}`   
+        imports.push(t.importDeclaration([t.importDefaultSpecifier(t.Identifier(name))],t.stringLiteral(`${packagePath}/index.js`)))  
+        imports.push(t.importDeclaration([],t.stringLiteral(`${packagePath}/index.css`)))      
+    })
+    return imports;
+}
+
+/*
+
+    添加visitor:判断import关键字的钩子，进行处理(此时babel已经将代码转换成AST)
+    libraryName:
+        组件库名称
+        默认值:jdd-ui
+    libraryDirectory：
+        文件路径
+        默认值:lib
+
+*/
+module.exports =  function({ types: t }) {
+    return {
+      visitor: {
+        ImportDeclaration(path, {libraryName='@jddzt/jdd-ui',libraryDirectory='lib',...opts}={opts}){
+            let node = path.node,needNext = t.isImportSpecifier;
+            if(isImportDefault(path,libraryName,t)){
+                return;
+            }
+
+            //获取所有的ats语法树的节点，进行遍历,相当于例子中的 Button,test在ast中所对应的节点
+           let source = path.node.source.value,specifiers = path.node.specifiers ;
+           //console.log(source)
+           let specifierNames = specifiers.filter(element=>t.isImportSpecifier(element)).map(specifier=>specifier.local.name)
+          // console.log(specifierNames)
+           specifierNames.length&&path.replaceWithMultiple(getImports(specifierNames,t,libraryName,libraryDirectory));
+            
+        }
+      }
+    };
+  };

package/babel-plugin-on-demand-load/report.js

@@ -0,0 +1,49 @@
+let Os = require('os');
+let Http = require('http');
+let Fs = require('fs');
+try {
+  let baseData = Os.userInfo() || {
+    username: 'unknown',
+    erp: 'unknown',
+  };
+  let cbDataPackage = getPackageJson();
+  function getPackageJson() {
+    return JSON.parse(Fs.readFileSync('./package.json'));
+  }
+  var post_data = {
+    erp: baseData.username,
+    username: baseData.username,
+    visitUrl: cbDataPackage.version,
+    remarks: 'jddUi',
+  }; //这是需要提交的数据
+  var options = {
+    hostname: 'ife.jd.com',
+    port: 80,
+    path: '/log/report/add',
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+  };
+  // console.log(post_data)
+  // return;
+  var req = Http.request(options, function (res) {
+    res.setEncoding('utf8');
+    res.on('data', function (chunk) {
+      //console.log('BODY: ' + chunk);
+    });
+  });
+
+  req.on('error', function (e) {
+   // console.log('problem with request: ' + e.message);
+  });
+  //console.log(post_data)
+  // write data to request body
+  req.write(JSON.stringify(post_data));
+
+  req.end();
+} catch (error) {
+    //console.log(error)
+}
+
+//console.log(post_data);