aaa-ui-test 1.0.1

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);

package/lib/address/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _address = _interopRequireDefault(require("./src/address"));
+
+require("./index.css");
+
+_address.default.install = function (Vue) {
+  Vue.component(_address.default.name, _address.default);
+};
+
+var _default = _address.default;
+exports.default = _default;

package/lib/address/src/address.js

@@ -0,0 +1,340 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _popup = _interopRequireDefault(require("../../popup"));
+
+var _popupHeader = _interopRequireDefault(require("../../popup-header"));
+
+var _radio = _interopRequireDefault(require("../../radio"));
+
+var _visible = _interopRequireDefault(require("../../mixins/visible"));
+
+var _axios = _interopRequireDefault(require("axios"));
+
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+var __script__ = {
+  name: "JddAddress",
+  props: {
+    mainTitle: {
+      type: String,
+      default: "请选择地址"
+    },
+    options: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    value: {
+      type: Array,
+      default: function _default() {
+        return [];
+      }
+    },
+    selectField: {
+      type: String,
+      default: "code"
+    },
+    queryUrl: {
+      required: true,
+      type: String,
+      default: ""
+    },
+    otherParam: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    selectRange: {
+      type: Number,
+      default: 99
+    },
+    resolveData: {
+      default: null
+    }
+  },
+  components: {
+    JddPopup: _popup.default,
+    JddPopupHeader: _popupHeader.default,
+    JddRadio: _radio.default
+  },
+  mixins: [_visible.default],
+  created: function created() {
+    var _this2 = this;
+
+    _axios.default.get(this.queryUrl, {
+      params: {
+        reqData: (0, _extends2.default)({
+          type: "area",
+          parentCode: ""
+        }, this.otherParam)
+      }
+    }).then(function (response) {
+      var resData = response.data.resultData.data;
+
+      if (_this2.resolveData) {
+        resData = _this2.resolveData(resData, 0);
+      }
+
+      _this2.myData.splice(0, 1, resData || []);
+
+      if (_this2.value[0]) {
+        for (var i = 0; i < resData.length; i++) {
+          var element = resData[i];
+
+          if (element[_this2.selectField] === _this2.value[0]) {
+            _this2.selectData[0] = element;
+            break;
+          }
+        }
+      }
+    });
+
+    if (this.value.length > 1) {
+      var _loop = function _loop(index) {
+        _axios.default.get(_this2.queryUrl, {
+          params: {
+            reqData: (0, _extends2.default)({
+              type: "area",
+              parentCode: _this2.value[index]
+            }, _this2.otherParam)
+          }
+        }).then(function (response) {
+          var resData = response.data.resultData.data;
+
+          if (_this2.resolveData) {
+            resData = _this2.resolveData(resData, index);
+          }
+
+          _this2.myData[index + 1] = resData; // for (const iterator of resData) {
+          //   debugger
+          //   if (iterator[this.selectField] === this.value[index + 1]) {
+          //     this.selectData[index + 1] = iterator;
+          //     break;
+          //   }
+          // }
+
+          for (var i = 0; i < resData.length; i++) {
+            var element = resData[i];
+
+            if (element[_this2.selectField] === _this2.value[index + 1]) {
+              _this2.selectData[index + 1] = element;
+              break;
+            }
+          }
+        });
+      };
+
+      for (var index = 0; index < this.value.length - 1; index++) {
+        _loop(index);
+      }
+    } // }
+
+  },
+  data: function data() {
+    return {
+      activeTab: 0,
+      currentData: [],
+      myData: [],
+      current: 0,
+      selectArray: (0, _toConsumableArray2.default)(this.value),
+      selectData: [{
+        name: "请选择"
+      }]
+    };
+  },
+  computed: {
+    getTrans: function getTrans() {
+      return "translateX(-".concat(this.current * 100, "%)");
+    }
+  },
+  methods: {
+    clickTab: function clickTab(item, index) {
+      this.current = index;
+    },
+    selectValue: function selectValue(val) {
+      var _this3 = this;
+
+      this.$emit("select-item", val, this.current);
+
+      if (this.current < this.selectRange - 1) {
+        _axios.default.get(this.queryUrl, {
+          params: {
+            reqData: (0, _extends2.default)({
+              type: "area",
+              parentCode: val[this.selectField]
+            }, this.otherParam)
+          }
+        }).then(function (response) {
+          var _this = _this3;
+          var resData = response.data.resultData.data;
+
+          if (_this3.resolveData) {
+            resData = _this3.resolveData(resData, _this3.current + 1);
+          }
+
+          if (resData && resData.length) {
+            _this3.myData.splice(_this3.current + 1, _this3.myData.length - _this3.current, resData);
+
+            _this3.selectData.splice(_this3.current, _this3.selectData.length - _this3.current, val, {
+              name: "请选择"
+            });
+
+            _this3.selectArray.splice(_this3.current, _this3.selectArray.length - _this3.current, val[_this3.selectField]);
+
+            _this3.current++; //   this.selectArray.splice(this.current, this.selectArray.length-this.current, val.id);
+            //  this.selectData.splice(this.current, 1, val);
+          } else {
+            _this3.selectData.splice(_this3.current, 1, val);
+
+            _this3.selectArray.splice(_this3.current, 1, val[_this3.selectField]);
+
+            _this3.$emit("select-change", (0, _toConsumableArray2.default)(_this3.selectData));
+
+            _this3.$emit("input", (0, _toConsumableArray2.default)(_this3.selectArray));
+
+            setTimeout(function () {
+              _this.isVisible = false;
+            }, 300);
+          }
+        });
+      } else {
+        this.selectData.splice(this.current, 1, val);
+        this.selectArray.splice(this.current, 1, val[this.selectField]);
+        this.$emit("select-change", (0, _toConsumableArray2.default)(this.selectData));
+        this.$emit("input", (0, _toConsumableArray2.default)(this.selectArray));
+        setTimeout(function () {
+          _this3.isVisible = false;
+        }, 300);
+      }
+    }
+  }
+};
+
+var render = function render() {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('jdd-popup', {
+    staticClass: "jdd-address-popup",
+    attrs: {
+      "visible": _vm.isVisible,
+      "pop-height": "80%"
+    },
+    on: {
+      "update:visible": function updateVisible($event) {
+        _vm.isVisible = $event;
+      }
+    }
+  }, [_c('jdd-popup-header', {
+    attrs: {
+      "slot": "popup-header",
+      "main-title": _vm.mainTitle
+    },
+    slot: "popup-header"
+  }), _vm._v(" "), _c('div', {
+    staticClass: "jdd-address-main"
+  }, [_c('ul', {
+    staticClass: "jdd-address-chosen"
+  }, _vm._l(_vm.selectData, function (item, index) {
+    return _c('li', {
+      key: index,
+      class: {
+        'jdd-address-tab-active': index === _vm.current
+      },
+      on: {
+        "click": function click($event) {
+          _vm.clickTab(item, index);
+        }
+      }
+    }, [_vm._v(_vm._s(item.name))]);
+  }), 0), _vm._v(" "), _c('div', {
+    staticClass: "jdd-address-chose-area",
+    style: {
+      'transform': _vm.getTrans
+    }
+  }, _vm._l(_vm.myData, function (item, index) {
+    return _c('jdd-radio', {
+      key: index,
+      class: [index === _vm.current ? 'jdd-address-area-active' : '', 'jdd-address-radio-item'],
+      attrs: {
+        "options": item,
+        "select-field": _vm.selectField,
+        "auto-close": false
+      },
+      on: {
+        "select-item": _vm.selectValue
+      },
+      scopedSlots: _vm._u([{
+        key: "default",
+        fn: function fn(ref) {
+          var slotProps = ref.slotProps;
+          return [_c('p', {
+            staticClass: "jdd-address-item-text"
+          }, [_vm._v(_vm._s(slotProps.name))])];
+        }
+      }]),
+      model: {
+        value: _vm.selectArray[index],
+        callback: function callback($$v) {
+          _vm.$set(_vm.selectArray, index, $$v);
+        },
+        expression: "selectArray[index]"
+      }
+    });
+  }), 1)])], 1);
+};
+
+var staticRenderFns = [];
+var __template__ = {
+  render: render,
+  staticRenderFns: staticRenderFns
+};
+
+var _default2 = (0, _extends2.default)({}, __script__, __template__);
+
+exports.default = _default2;

package/lib/amount/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _amount = _interopRequireDefault(require("./src/amount"));
+
+require("./index.css");
+
+_amount.default.install = function (Vue) {
+  Vue.component(_amount.default.name, _amount.default);
+};
+
+var _default = _amount.default;
+exports.default = _default;