{"_id":"@beisen/upass-user-selector","_rev":"4-ea2f8b18a6447944a4fd94717e20407f","name":"@beisen/upass-user-selector","description":"UserSelector","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@beisen/upass-user-selector","version":"0.0.1","description":"UserSelector","main":"lib/index.js","_storybook":{"default_example":"man/index.js"},"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","story":"babel app --out-dir man/app && babel story --out-dir man"},"repository":{"type":"git","url":"git@gitlab.beisencorp.com:ux-cnpm/upaas-user-selector.git"},"author":"","maintainers":{"0":{"name":"","email":""}},"license":"ISC","dependencies":{"react":"^0.14.6","react-dom":"^0.14.6"},"devDependencies":{"@beisen/tool-tip":"","@beisen/beisen-scroll-bar":"^1.0.22","@beisen/base-button":"","@beisen/text-box":"","@beisen/search":"git+ssh://git@gitlab.beisencorp.com:ux-cnpm/ux-search#master","@beisen/tab-component":"","@beisen/common-mount":"","@beisen/user-selector":"","classnames":"","@beisen/es6-promise-debounce":"^0.0.2","babel":"^6.5.2","babel-cli":"^6.6.5","babel-core":"^6.7.2","babel-eslint":"^4.1.3","babel-loader":"^6.2.4","babel-plugin-add-module-exports":"^0.1.2","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-plugin-transform-object-assign":"^6.5.0","babel-plugin-transform-react-display-name":"^6.3.13","babel-plugin-transform-runtime":"^6.6.0","babel-plugin-transform-class-properties":"^6.11.5","babel-plugin-transform-es2015-classes":"^6.9.0","babel-plugin-transform-proto-to-assign":"^6.9.0","babel-preset-airbnb":"^1.0.1","babel-preset-es2015":"^6.3.13","babel-preset-react":"^6.3.13","babel-preset-stage-0":"^6.5.0","babel-runtime":"^6.6.0","case-sensitive-paths-webpack-plugin":"^1.0.1","css-loader":"^0.23.1","enzyme":"^2.0.0","es6-promise":"^3.1.2","file-loader":"^0.8.5","isomorphic-fetch":"^2.2.0","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-addons-test-utils":"^0.14.7","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"},"gitHead":"6da2e03d008966951664e3caac603c65524fcc19","_id":"@beisen/upass-user-selector@0.0.1","_shasum":"6a7a81dd559a53ff9d73e13986296cbd0bf75d25","_from":".","_npmVersion":"3.10.9","_nodeVersion":"4.4.1","_npmUser":{"name":"beisen","email":"ci@beisen.com"},"dist":{"shasum":"6a7a81dd559a53ff9d73e13986296cbd0bf75d25","tarball":"https://registry.npmjs.org/@beisen/upass-user-selector/-/upass-user-selector-0.0.1.tgz","integrity":"sha512-20PK9cEColFRjsQUaGX53C7afsHkAJ0WUPtYvzD70MXxqxlfSX+y2H6Bay7YDg8CAlvZPUh98uFPb/xX+RAXkw==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCfqX7PHdGr4pABW85nVhNt+MOjUxv2d2Iv0iNX/BaLhAIhAOO6TaZwemBTvfP1Y1mU12OOMKv30O3W5cfYEgjuYiy0"}]},"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/upass-user-selector-0.0.1.tgz_1493964886416_0.07623861473985016"}},"0.0.2":{"name":"@beisen/upass-user-selector","version":"0.0.2","description":"UserSelector","main":"lib/index.js","_storybook":{"default_example":"man/index.js"},"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","story":"babel app --out-dir man/app && babel story --out-dir man"},"repository":{"type":"git","url":"git@gitlab.beisencorp.com:ux-cnpm/upaas-user-selector.git"},"author":"","maintainers":[{"name":"beisen","email":"ci@beisen.com"}],"license":"ISC","dependencies":{"react":"^0.14.6","react-dom":"^0.14.6"},"devDependencies":{"@beisen/tool-tip":"","@beisen/beisen-scroll-bar":"^1.0.22","@beisen/base-button":"","@beisen/text-box":"","@beisen/search":"git+ssh://git@gitlab.beisencorp.com:ux-cnpm/ux-search#master","@beisen/tab-component":"","@beisen/common-mount":"","@beisen/user-selector":"","classnames":"","@beisen/es6-promise-debounce":"^0.0.2","babel":"^6.5.2","babel-cli":"^6.6.5","babel-core":"^6.7.2","babel-eslint":"^4.1.3","babel-loader":"^6.2.4","babel-plugin-add-module-exports":"^0.1.2","babel-plugin-transform-decorators-legacy":"^1.3.4","babel-plugin-transform-object-assign":"^6.5.0","babel-plugin-transform-react-display-name":"^6.3.13","babel-plugin-transform-runtime":"^6.6.0","babel-plugin-transform-class-properties":"^6.11.5","babel-plugin-transform-es2015-classes":"^6.9.0","babel-plugin-transform-proto-to-assign":"^6.9.0","babel-preset-airbnb":"^1.0.1","babel-preset-es2015":"^6.3.13","babel-preset-react":"^6.3.13","babel-preset-stage-0":"^6.5.0","babel-runtime":"^6.6.0","case-sensitive-paths-webpack-plugin":"^1.0.1","css-loader":"^0.23.1","enzyme":"^2.0.0","es6-promise":"^3.1.2","file-loader":"^0.8.5","isomorphic-fetch":"^2.2.0","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-addons-test-utils":"^0.14.7","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"},"gitHead":"6da2e03d008966951664e3caac603c65524fcc19","_id":"@beisen/upass-user-selector@0.0.2","_shasum":"1b3e8144904a669f41c266e0d9948b93f03209fb","_from":".","_npmVersion":"3.10.9","_nodeVersion":"4.4.1","_npmUser":{"name":"beisen","email":"ci@beisen.com"},"dist":{"shasum":"1b3e8144904a669f41c266e0d9948b93f03209fb","tarball":"https://registry.npmjs.org/@beisen/upass-user-selector/-/upass-user-selector-0.0.2.tgz","integrity":"sha512-vpN04n76AXR1qVbznfSGZiS+2cc5p3pBj/J9KSenwpe5ndj0jPUFKvuASYkQGXekiOeYVSvWVeYa6PtCGlU/wA==","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFn6e9h0u2styZ+lm+l9q+ugWBYw7arItk96FyvHsoBhAiAWVQgDkbIHnrzcRPxVwHKFsIeCZJkQHpYdci6Afnh9Hw=="}]},"_npmOperationalInternal":{"host":"packages-18-east.internal.npmjs.com","tmp":"tmp/upass-user-selector-0.0.2.tgz_1493967674035_0.7344575684983283"}}},"readme":"# UserSelector\n\n* 更新信息\n 目前选人组件已内置Tita真实数据，如不使用内置数据，isUseInitial为false即可，但使用时得手动在Reducers中添加接口。\n 测试环境的接口已部署跨域访问，线上还未部署。故当测试使用的是测试环境，tita-inc\n\n## 参数\n\n### Props ----- without Redux\n```\nhidden: false, // 是否渲染 默认false\nsingleSelect: true // 单人选人，没有高级模式\noffset: {}, // 组件位置偏移量 offset = {left: '10px',top: '20px'},\nTenantId: '204348', // 租户ID\nUserId: '100368554', // 用户ID\napiType: 'tita', // 接口产品 \nisUseInitial: true, // 是否使用内置接口\nonSure: () => {}, // 精简模式下 返回点击的人 数据格式 高级模式下 确定回调 返回已选择的数组\nonClose: () => {}, // 高级模式下 取消回调 \n\n```\n\n### 默认内置接口 \n```\nexport default class InitialUrls {\n constructor(TenantId, UserId) {\n const tempTita = 'http://www.tita-inc.com/api/v1/' + TenantId + '/' + UserId + '/';\n this.tita = {\n usedUserUrl: tempTita + 'Contact',\n searchUrl: tempTita + 'user',\n staffUrl: tempTita + 'org/GetMySubordinates?lv=2&type=0',\n departmentUrl: tempTita + 'department/All',\n depUserUrl: tempTita + 'department/DepartmentOfUser?department_id='\n }\n }\n gettita(apiType) {\n switch(apiType) {\n case 'usedUserUrl':\n return this.tita[apiType] + '?v=' + (new Date()).getTime();\n case 'searchUrl':\n return this.tita[apiType] + '?v=' + (new Date()).getTime();\n default:\n return this.tita[apiType]\n }\n }\n}\n```\n\n### Props ---- width Redux(Initialize)\n\n```\nmulti: false, // 默认精简模式\nusedusers: [], // 常用人员\nstaffs: [], // 下属信息\ndepartments: [], // 部门信息\nresults: [] // 已选择人员\n```\n\n## 简单预览\n```\nimport React, {Component, PropTypes} from 'react'\nimport {render} from 'react-dom'\nimport App from './src/index.js';\n\nclass Demo extends Component{\n render () {\n const offset = {\n left: '10px',\n top: '20px'\n };\n // tita接口数据\n const Data = {\n \"101893065\":{\n \"Id\":101893065,\n \"Name\":\"袁园\",\n \"Email\":\"yuanyuan@beisen.com\",\n \"UserAvatar\":{\"Original\":null,\"Small\":null,\"Medium\":null,\"Big\":null,\"HasAvatar\":false,\"Color\":\"#b9cc4f\"}\n },\n \"103875086\":{\n \"Id\":103875086,\n \"Name\":\"郭美山\",\n \"Email\":\"guomeishan@beisen.com\",\n \"UserAvatar\":{\"Original\":\"http://cache.tita.com/Image/110006/324d5a07a3984689a6a5304d13902567_o.png\",\"Small\":\"http://cache.tita.com/Image/110006/324d5a07a3984689a6a5304d13902567_s.png\",\"Medium\":\"http://cache.tita.com/Image/110006/324d5a07a3984689a6a5304d13902567_m.png\",\"Big\":null,\"HasAvatar\":true,\"Color\":null}}\n };\n const usedusers = Object.values(Data);\n return (\n <App usedusers={usedusers} offset={offset} />\n )\n }\n}\n```\n\n## 使用 with Redux\n需复制app目录下 UserSelector.js文件 至Reducers中\n```\nimport React, {Component, PropTypes} from 'react'\nimport {render} from 'react-dom'\nimport ConfigureStore from './app/configureStore';\nimport { Provider, connect } from 'react-redux';\nimport usReducers from './app/modules/UserSelector';\nimport * as usActions from './app/modules/UserSelector';\nimport Immutable from 'immutable';\nimport { toJS } from 'immutable';\n\nconst store = ConfigureStore(usReducers) ;\n\nimport App from './src/index.js';\n\n@connect(\n state => state.toJS(),\n {...usActions}\n)\n\nclass Demo extends Component{\n\n constructor(props) {\n super(props)\n this.state = {\n hidden: false\n }\n }\n\n onSure(temp) {\n console.log(temp)\n }\n\n setShow() {\n this.setState({hidden: !this.state.hidden})\n }\n\n render () {\n const offset = {\n left: '10px',\n top: '20px'\n }\n const data = {\n TenantId: '204348',\n UserId: '100368554',\n apiType: 'tita',\n isUseInitial: true\n }\n return (\n <div>\n <App {...this.props} offset={offset} {...data} onSure={this.onSure} hidden={this.state.hidden} />\n <button onClick={this.setShow}>show</button>\n </div>\n )\n }\n}\n\n\nrender(\n <Provider store={store}>\n <Demo />\n </Provider>,\n document.getElementById('content')\n); \n```","maintainers":[{"email":"ci@beisen.com","name":"beisencorp"}],"time":{"modified":"2022-06-12T15:09:44.205Z","created":"2017-05-05T06:14:49.203Z","0.0.1":"2017-05-05T06:14:49.203Z","0.0.2":"2017-05-05T07:01:16.128Z"},"repository":{"type":"git","url":"git@gitlab.beisencorp.com:ux-cnpm/upaas-user-selector.git"},"license":"ISC","readmeFilename":"README.md"}