@beisen/dropdown-list/package.json

DropDownList

{
  "name": "@beisen/dropdown-list",
  "version": "0.4.25",
  "description": "DropDownList",
  "main": "lib/index.js",
  "_storybook": {
    "default_example": "man/index"
  },
  "config": {
    "commitizen": {
      "path": "node_modules/@talentui/cz-project-changelog"
    }
  },
  "scripts": {
    "build": "npm run build:lib && npm run build:umd && npm run story",
    "build:lib": "babel src --out-dir lib",
    "build:umd": "webpack src/index.js dist/index.js --config webpack.config.js",
    "test": "karma start",
    "dev": "webpack-dev-server --progress --colors --config webpack.dev.config.js",
    "renew": "git checkout-index -f -a --prefix=../$name/ && cp ./.gitignore ../$name",
    "commit": "git-cz",
    "story": "babel story --out-dir man",
    "prepublish": "npm run build"
  },
  "keywords": [
    "beisen",
    "react-component",
    "es6",
    "karma",
    "jasmine"
  ],
  "repository": {
    "type": "git",
    "url": "git@gitlab.beisen.co:cnpm/DropDownList.git"
  },
  "author": {
    "name": "xiaosiyu",
    "email": "xiaosiyu@beisen.com"
  },
  "maintainers": [
    {
      "name": "xiaosiyu",
      "email": "xiaosiyu@beisen.com"
    }
  ],
  "license": "ISC",
  "peerDependencies": {
    "react": "^16.2.0",
    "react-dom": "^16.2.0"
  },
  "devDependencies": {
    "@beisen/beisen-scroll-bar": "^1.0.25",
    "@beisen/button-group": "0.1.36",
    "@beisen/common-func": "0.0.21",
    "@beisen/common-input": "0.0.83",
    "@beisen/common-label": "0.0.31",
    "@beisen/common-mount": "0.1.15",
    "@beisen/dropdown": "0.0.83",
    "@beisen/dropdown-button": "^0.1.30",
    "@beisen/es6-promise-debounce": "^0.0.4",
    "@beisen/hookformatter": "0.0.2",
    "@beisen/icon-button": "^0.1.12",
    "@beisen/input-box": "0.0.98",
    "@beisen/search": "^0.1.67",
    "@beisen/text-box": "0.2.11",
    "@beisen/tool-tip": "^0.1.4",
    "@talentui/cz-project-changelog": "^1.0.1",
    "babel": "^6.5.2",
    "babel-cli": "^6.6.5",
    "babel-core": "^6.7.2",
    "babel-eslint": "^6.1.2",
    "babel-loader": "^6.2.4",
    "babel-plugin-transform-class-properties": "^6.11.5",
    "babel-plugin-transform-es2015-classes": "^6.9.0",
    "babel-plugin-transform-object-assign": "^6.5.0",
    "babel-plugin-transform-proto-to-assign": "^6.9.0",
    "babel-preset-es2015": "^6.3.13",
    "babel-preset-react": "^6.3.13",
    "babel-preset-stage-0": "^6.5.0",
    "case-sensitive-paths-webpack-plugin": "^1.0.1",
    "commitizen": "^2.10.1",
    "css-loader": "^0.23.1",
    "enzyme": "^2.0.0",
    "escope": "^3.6.0",
    "eslint": "^4.3.0",
    "eslint-config-google": "^0.9.1",
    "eslint-loader": "^1.9.0",
    "eslint-plugin-import": "^1.8.1",
    "eslint-plugin-jsx-a11y": "^1.5.3",
    "eslint-plugin-react": "^7.3.0",
    "file-loader": "^0.8.5",
    "jasmine-core": "^2.4.1",
    "json-loader": "^0.5.4",
    "karma": "^0.13.19",
    "karma-babel-preprocessor": "^6.0.1",
    "karma-chrome-launcher": "^0.2.2",
    "karma-jasmine": "^0.3.7",
    "karma-webpack": "^1.7.0",
    "node-sass": "^3.4.2",
    "react": "^16.2.0",
    "react-addons-test-utils": "^0.14.7",
    "react-dom": "^16.2.0",
    "sass-loader": "^3.2.0",
    "style-loader": "^0.13.0",
    "url-loader": "^0.5.7",
    "webpack": "^1.12.10",
    "webpack-dev-server": "^1.14.0"
  },
  "readme": "# DropDownList使用说明\n\n## 项目运行\n\n1. cnpm install 或 npm install cnpm使用教程\n\n2. npm run dev （开发环境打包 port:8080）\n\n3. npm run test （测试用例）\n\n4. npm run build （生产环境打包）\n\n## DropDownList参数\n\n```\n  {\n          \"title\":\"测试测试测试测试\"  //input框前的文字标识，可为空\n            ,\"placeholder\":\"搜索\"              /**没有值的时候显示的内容(string)**/\n            ,\"defaultValue\":\"\"  //默认值\n            ,\"openListView\":false    // 是否打开下拉框\n            ,\"errorStatus\":true      // 错误状态\n            ,\"errorMsg\":\"出错了~~~！\"    //错误信息\n            ,multiple: false //下拉菜单为单选或者多选，true为多选，false为单选,默认为false\n            ,\"children\":[\n                {\n                    \"value\":0\n                    ,\"text\":\"查看详情\"\n                    ,\"isActive\":false  //点击效果，默认为false\n                    ,\"isChecked\":false  //是否被选中，默认为false\n                }  \n                ,{\n                    \"value\":1\n                    ,\"text\":\"性质维度\"\n                    ,\"isActive\":false\n                    ,\"isChecked\":false\n                } \n                ,{\n                    \"value\":2\n                    ,\"text\":\"地域维度\"\n                    ,\"isActive\":false\n                    ,\"isChecked\":false\n                } \n                ,{\n                    \"value\":3\n                    ,\"text\":\"包含下属\"\n                    ,\"isActive\":false\n                    ,\"isChecked\":false\n                } \n                ,{\n                    \"value\":4\n                    ,\"text\":\"包含下属\"\n                    ,\"isActive\":false\n                    ,\"isChecked\":false\n                } \n            ]               /** MenuItem **/\n            ,\"hidden\":false  //是否显示\\\n            ,\"disabled\":false //是否禁用\n            ,\"required\":false  //是否显示必选星号\n            ,\"iconName\":\"pc-sys-arrowdown-nomal-svg\" //右侧下拉按钮的样式\n            ,\"onClick\":function(event, target, val){console.log(val.value)} /**点击后事件回调；event：事件，target: 事件对象，val：抛出的值**/\n            ,\"onBlur\":function(event, val){console.log(val)} /**失去焦点后事件回调event：val：input抛出的值**/\n            ,\"onChange\":function(event, target, val){console.log(event);console.log(target);console.log(val);} /**change后事件回调event：事件，target: 事件对象，val：input中值改变的值**/\n            ,\"onFocus\":function(event, val){console.log(val)} /**获取焦点后事件回调event：事件，val：抛出的input中的值**/\n        }\n```\n\n\n## DropDownList调用方法\n\n1.安装npm组件包\n\n```\nnpm install @beisen/DropDownList --save-dev\n```\n\n2.引用组件\n\n  ```\nimport DropDownList from \"@beisen/DropDownList\"\n  ```\n3.传入参数\n\n  该参数为上述参数，传入方式使用: {...参数}\n\n  ```\n  {\n      \"title\":\"测试测试测试测试\"  //input框前的文字标识，可为空\n        ,\"placeholder\":\"搜索\"              /**没有值的时候显示的内容(string)**/\n        ,\"defaultValue\":\"\"  //默认值\n        ,\"openListView\":false    // 是否打开下拉框\n        ,\"errorStatus\":true      // 错误状态\n        ,\"errorMsg\":\"出错了~~~！\"    //错误信息\n        ,multiple: false //下拉菜单为单选或者多选，true为多选，false为单选,默认为false\n        ,\"children\":[\n            {\n                \"value\":0\n                ,\"text\":\"查看详情\"\n                ,\"isActive\":false  //点击效果，默认为false\n                ,\"isChecked\":false  //是否被选中，默认为false\n            }  \n            ,{\n                \"value\":1\n                ,\"text\":\"性质维度\"\n                ,\"isActive\":false\n                ,\"isChecked\":false\n            } \n            ,{\n                \"value\":2\n                ,\"text\":\"地域维度\"\n                ,\"isActive\":false\n                ,\"isChecked\":false\n            } \n            ,{\n                \"value\":3\n                ,\"text\":\"包含下属\"\n                ,\"isActive\":false\n                ,\"isChecked\":false\n            } \n            ,{\n                \"value\":4\n                ,\"text\":\"包含下属\"\n                ,\"isActive\":false\n                ,\"isChecked\":false\n            } \n        ]               /** MenuItem **/\n        ,\"hidden\":false  //是否显示\\\n        ,\"disabled\":false //是否禁用\n        ,\"required\":false  //是否显示必选星号\n        ,\"iconName\":\"pc-sys-arrowdown-nomal-svg\" //右侧下拉按钮的样式\n        ,\"onClick\":function(event, target, val){console.log(val.value)} /**点击后事件回调；event：事件，target: 事件对象，val：抛出的值**/\n        ,\"onBlur\":function(event, val){console.log(val)} /**失去焦点后事件回调event：val：input抛出的值**/\n        ,\"onChange\":function(event, target, val){console.log(event);console.log(target);console.log(val);} /**change后事件回调event：事件，target: 事件对象，val：input中值改变的值**/\n        ,\"onFocus\":function(event, val){console.log(val)} /**获取焦点后事件回调event：事件，val：抛出的input中的值**/\n    }\n  render () {\n      return (\n        <DropDownList {...this.state.DropDownData} />\n      )\n    }\n  ```",
  "readmeFilename": "README.md",
  "gitHead": "5c5d482d783ecd6c10427ee0ebd791993aab9e76"
}