joywok-material-components
Version:
<h1 align="center"> Joywok Material Components </h1>
964 lines (915 loc) • 131 kB
JavaScript
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _reactDom = require('react-dom');
var _reactDom2 = _interopRequireDefault(_reactDom);
var _redux = require('redux');
var _reactRedux = require('react-redux');
var _request = require('./../utils/request');
var _request2 = _interopRequireDefault(_request);
var _constants = require('../constants');
var _Input = require('@material-ui/core/Input');
var _Input2 = _interopRequireDefault(_Input);
var _modal = require('joywok-material-components/lib/modal/modal');
var _modal2 = _interopRequireDefault(_modal);
var _index = require('joywok-material-components/lib/checkbox/index');
var _index2 = _interopRequireDefault(_index);
var _index3 = require('joywok-material-components/lib/button/index');
var _index4 = _interopRequireDefault(_index3);
var _custom = require('joywok-material-components/lib/popper/custom');
var _custom2 = _interopRequireDefault(_custom);
var _Dialog = require('@material-ui/core/Dialog');
var _Dialog2 = _interopRequireDefault(_Dialog);
var _aloneTip = require('joywok-material-components/lib/tips/aloneTip');
var _aloneTip2 = _interopRequireDefault(_aloneTip);
var _RadioButtonChecked = require('@material-ui/icons/RadioButtonChecked');
var _RadioButtonChecked2 = _interopRequireDefault(_RadioButtonChecked);
var _RadioButtonUnchecked = require('@material-ui/icons/RadioButtonUnchecked');
var _RadioButtonUnchecked2 = _interopRequireDefault(_RadioButtonUnchecked);
var _toolTips = require('../tips/toolTips');
var _toolTips2 = _interopRequireDefault(_toolTips);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
// import { Input, Modal, Select, Steps, Spin, Checkbox, Button, message, Popover } from 'antd';
var curLang = window.language || window.cur_lang || 'zh';
window.shareAloneTip = null;
require('./style/shareobj.css');
var jssdkData = [{ code: 10, default_flag: 0, desc: 'xxx', id: 'base', name: 'Basic / Device SDK', parent_code: 0 }, { code: 1001, default_flag: 1, desc: 'JS环境初始化JS环境初始化JS环境初始化JS环境初始化JS环境初始化JS环境初始化JS环境初始化JS环境初始化JS环境初始化JS环境初始化JS环境初始化JS环境初始化JS环境初始化JS环境初始化JS环境初始化', id: 'config', name: '1001 SDK 初始化', parent_code: 10 }, { code: 1002, default_flag: 0, desc: '', id: 'getDeviceID', name: '1002 获取设备ID', parent_code: 10 }, { code: 1003, default_flag: 0, desc: '', id: 'getDevice', name: '1003 获取设备信息', parent_code: 10 }, { code: 11, default_flag: 0, desc: '', id: 'ui_sdk', name: 'UI SDK', parent_code: 0 }, { code: 1004, default_flag: 0, desc: '', id: 'getInfo', name: '1004 获取个人信息', parent_code: 11 }, { code: 1005, default_flag: 0, desc: '', id: 'getCode', name: '1005 获取免登码', parent_code: 11 }, { code: 12, default_flag: 0, desc: '', id: 'image_sdk', name: 'Image_SDK', parent_code: 0 }, { code: 1006, default_flag: 0, desc: '', id: 'preImg', name: '1006 预览图片', parent_code: 12 }];
var ShareObjContainer = function (_Component) {
_inherits(ShareObjContainer, _Component);
function ShareObjContainer(props) {
_classCallCheck(this, ShareObjContainer);
var _this = _possibleConstructorReturn(this, (ShareObjContainer.__proto__ || Object.getPrototypeOf(ShareObjContainer)).call(this, props));
var selectD = _.filter(props.data.select, function (i) {
return !i.selected_flag || i.selected_flag && i.selected_flag == 1 && i.default_flag != 1;
});
_this.state = Underscore.extend({
sk: '',
nav: [],
nowNav: [],
showSelect: false,
pageno: 0,
enterSub: 0,
page: {
pageno: 0,
pagesize: 10
},
sidbarList: [],
select: [],
defaultSelJssdk: [],
defaultSelAPI: [],
data: []
}, props.data, { select: selectD }, {
selectAllStatus: false //全选的初始的状态，用于选用户，当前页面没用户信息
});
_this.backupData = JSON.parse(JSON.stringify(_this.state.select));
_this.searchTime = null;
_this.fetchIng = false;
_this.nowData = {};
return _this;
}
_createClass(ShareObjContainer, [{
key: '_init_nav',
value: function _init_nav(nowNav, i) {
var self = this;
// (i,'asdasda');
if (i['id'] == 'domain') {
return _react2.default.createElement(
'div',
{ className: "share-object-cat-material-i " + (i['customClass'] || '') + ' ' + (nowNav && nowNav["id"] == i["id"] ? 'actives' : '') },
_react2.default.createElement('img', { src: i['icon'] || jwimgsrc + '/images/jw-img/share/objselect_comp.png' }),
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
i['name']
),
i['help'] ? _react2.default.createElement('i', { className: 'icon-share-help' }) : ''
);
} else if (i['id'] == 'jw_n_folder') {
return _react2.default.createElement(
'div',
{ className: "share-object-cat-material-i " + (i['customClass'] || '') + ' ' + (nowNav && nowNav["id"] == i["id"] ? 'actives' : ''), onClick: function onClick() {
return self.getFolderNav();
} },
_react2.default.createElement('img', { src: i['icon'] || jwimgsrc + '/images/jw-img/share/jw-n-files.png' }),
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
i['name']
),
i['help'] ? _react2.default.createElement('i', { className: 'icon-share-help' }) : ''
);
} else if (i['id'] == 'dept') {
return _react2.default.createElement(
'div',
{ className: "share-object-cat-material-i " + (i['customClass'] || '') + ' ' + (nowNav && nowNav["id"] == i["id"] ? 'actives' : ''), onClick: function onClick(e) {
return self.fetchData(e, i);
} },
_react2.default.createElement(
'b',
{ className: '' },
_react2.default.createElement('i', { className: 'icon-share-zoom' })
),
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
i['name']
),
i['help'] ? _react2.default.createElement(
_custom2.default,
{ placement: 'right', content: i['help'], trigger: 'hover' },
_react2.default.createElement('i', { className: 'icon-share-help' })
) : '',
_react2.default.createElement('i', { className: 'icon-share-angle-right' })
);
} else if (i['id'] == 'mydept') {
var parentNav = this.state.nowNav[0];
return _react2.default.createElement(
'div',
{ className: 'share-object-cat-material-i specail-cat share-object-mydept' },
_react2.default.createElement(
'div',
{ className: 'share-object-cat-main ', onClick: function onClick(e) {
return self.fetchData(e, i);
} },
_react2.default.createElement(
'b',
{ className: '' },
_react2.default.createElement('i', { className: 'icon-share-zoom' })
),
_react2.default.createElement(
'span',
{ className: 'ellipsis1' },
i['name']
),
i['help'] ? _react2.default.createElement('i', { className: 'icon-share-help' }) : '',
_react2.default.createElement('i', { className: 'icon-share-angle-right' })
),
i['list'] ? _react2.default.createElement(
'div',
{ className: 'icon-share-object-child' },
Underscore.map(i['list'], function (item) {
var checked = _.find(self.state.select, { id: item['id'] }) ? true : false;
return _react2.default.createElement(
'div',
{ className: "share-object-cat-material-i specail-checkbox-w " + (nowNav && nowNav["id"] == item["id"] ? 'active' : ''), onClick: function onClick(e) {
return self.fetchGroup(item, 'list', i);
} },
parentNav && parentNav['flag'] == 'onlyuser' ? "" : _react2.default.createElement(_index2.default, { icon: _react2.default.createElement(_RadioButtonUnchecked2.default, null), checkedIcon: _react2.default.createElement(_RadioButtonChecked2.default, null), checked: checked, onChange: function onChange(e) {
return self.select(e, item);
} }),
_react2.default.createElement('img', { src: item["logo"] || jwimgsrc + '/images/jw-img/share/position.png' }),
_react2.default.createElement(
'span',
{ className: 'share-object-cat-i-name' },
item['name']
)
);
})
) : ''
);
} else if (i['id'] == 'post' || i['id'] == 'personnel_category') {
return _react2.default.createElement(
'div',
{ className: "share-object-cat-material-i " + (i['customClass'] || '') + ' ' + (nowNav && nowNav["id"] == i["id"] ? 'actives' : ''), onClick: function onClick(e) {
return self.fetchData(e, i);
} },
_react2.default.createElement('img', { src: i['icon'] || jwimgsrc + '/images/jw-img/share/position.png' }),
_react2.default.createElement(
'span',
{ className: 'ellipsis1' },
i['name']
),
i['help'] ? _react2.default.createElement('i', { className: 'icon-share-help' }) : '',
_react2.default.createElement('i', { className: 'icon-share-angle-right' })
);
} else if (i['id'] == 'role' || i['id'] == 'apps') {
return _react2.default.createElement(
'div',
{ className: "share-object-cat-material-i " + (i['customClass'] || '') + ' ' + (nowNav && nowNav["id"] == i["id"] ? 'actives' : ''), onClick: function onClick(e) {
return self.fetchData(e, i);
} },
i['id'] == 'apps' ? '' : _react2.default.createElement('img', { src: i['icon'] || jwimgsrc + '/images/jw-img/share/roles.png' }),
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
i['name']
),
i['help'] ? _react2.default.createElement('i', { className: 'icon-share-help' }) : '',
_react2.default.createElement('i', { className: 'icon-share-angle-right' })
);
} else if (i['id'] == 'extuser') {
return _react2.default.createElement(
'div',
{ className: "share-object-cat-material-i " + (i['customClass'] || '') + ' ' + (nowNav && nowNav["id"] == i["id"] ? 'actives' : ''), onClick: function onClick(e) {
return self.fetchData(e, i);
} },
_react2.default.createElement('img', { src: i['icon'] || jwimgsrc + '/images/jw-img/share/position.png' }),
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
i['name']
),
i['help'] ? _react2.default.createElement('i', { className: 'icon-share-help' }) : '',
_react2.default.createElement('i', { className: 'icon-share-angle-right' })
);
} else if (i['id'] == 'category') {
return _react2.default.createElement(
'div',
{ className: "share-object-cat-material-i " + (i['customClass'] || '') + ' ' + (nowNav && nowNav["id"] == i["id"] ? 'actives' : ''), onClick: function onClick(e) {
return self.fetchData(e, i);
} },
_react2.default.createElement('img', { src: i['icon'] || 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAABSpJREFUaAXtW2tsFFUU/mahy6stiG2xJA3avxUJirWBCk2qaDCCJCZAogmJ4osEoyb6Q43GV6IxGiWgVYk/NNGUUNRoFCmGNIWAaLBI9Yc0KhCssBDtFkq70PU7e3eyszu7szNz12z3cZLdmXvuOffeb777OPfujoG4RKMwsBX3I4r7qGritdLMK8irgWG2u5+otuERfGAYREQx5CvagXpE8BFV7ZIuOjGwh0jvMTZiMBBjtpjBCntCZBQfC1YjugUbMI73io7VdIACeCBA5DJmS0OINUCkTaWBNoaySRgu7NnYC1vEKgyXlJQBFzvdZYbLDBfZEyh36SIj1Aan5BiebHsEOoppc4ApM+0ljA0BFwbtepuGz3/BJga7G4DKBiD0E3DgGeBUj83Sr8KIbmZwqSuNq4HWN4HqeZlLCp8A9j0BHNue3iZQAdzeCTTelZzPPR32PsytfEey3mdKv0s3LAdWdDmDlcZVkTEBNO8Oe1OtYC+eAz6/DeioJrvP8oiCZxRt75D1B+1+PjT6gJuf81Zt8/PJ9qlgP7sFOPEtEAkDP7wE9DyaAH3tQ8m+PlL6Y7h2obdqa66jvTzncV6kG7OLN64ChFkBGzqcXN6Rt1V66VvAsq3q/ui7yTYeUvoMT57moTqaTgoS6CTl0/KKM1izZAHds0kxLaDnLjVzPF/1AXuuMu4wtQZY+DhweYxjlvNAKrOp5R7ZrGZsGdMtL6fmuk7nD/CV88kYq/9rH3DmR3cN7ot375oF7uzTWOUPcPi4as5snjAFZ6ZpWhpV/WKlNH3TmGRT5Q/w0ABw8jtgeh1w51dARZVzW2uvB5Z/omx+ed/Z1iFXH/BIyKH4NFmj/3KCjqiM7vWAsFW/BFj5dWbQAnZVNzD1CmCgC+jjePYp+oC9hn1W+2FGX11twNCfcdDf2EEngd0J7FpLqFzSfIo+4F6Gi7KGupHRf4BezsxWCf8O7GyLg+YYXUnQwVnKou5GC7MCdk2id1jL8HCfm1h6xlxgEcPAq25KPwHJ5uHv74FDLwLnT6ZvXtXVwOq9KkQdOQOc+5Xltah1eyA3YKXi3ACWknIhskNq/xBoaFeljV8GDr8OHOTDNMe9Zj0TC7AJpuoatdk4exQYdTlcTN8sV/1YOrUCIx42WvVRmWSiVk3me/Ef5swtHxFJe/FXXhm/cwO49gZgyWtAXTPHcKW9ssh5juFDwP6ngNMcy6kijN78BmPkZWrpSc2X8DPUxzngBeCPL1NzPaX1u7QsG3cf4OTCnU82Gb8E7Ggl+IMJS5nw1v1MoLMTOqe7XeuA3z51snDM01+WFr/qDqw0I8AOJfZWWfS0e7Di18qeoCH6gOdwKfIisraqf1ooL6/+M+rVeZeXOi22+oCDWWJgS2Wx24rpimlTH6w279xf/fjES9cH7L6ZE8KyDHhC0PA/NqLMsOeHKxsDLxK5wLiY67EpXv3FT/bUPkWf4UFLEOGmEbJrsoaZgwxavMjwqcw7Lhfl6AOWcFFCPzcizO5/MtlSDttHzibrnFK9jznlZs3TByzHq9u5bz2+G8jUPcfC/DWhW9mdZkxtFfmRrZOx+LEdBB6y5iTuL10EpCd8sYJ2nQm9jzv9WNpHpfl00Wc4n633UXcZsI+HVlAuZYYLii4fjS0z7OOhFZRLgIcP8vZHaQixSpfuLw20MZT9wvC2kgFMrEbsNZ4t2M0NTPz3jSKFL+8ubcStgdgbWxW4l0zvKVKockiqXtTi22n8h4iSGNMl8Cref+zuVmHr6M+NAAAAAElFTkSuQmCC' }),
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
i['name']
),
i['help'] ? _react2.default.createElement('i', { className: 'icon-share-help' }) : '',
_react2.default.createElement('i', { className: 'icon-share-angle-right' })
);
} else if (i['id'] == 'region' || i['id'] == 'instance') {
return _react2.default.createElement(
'div',
{ className: "share-object-cat-material-i " + (i['customClass'] || '') + ' ' + (nowNav && nowNav["id"] == i["id"] ? 'actives' : ''), onClick: i['id'] == 'region' ? function (e) {
return self.fetchData(e, i);
} : function () {} },
i['id'] == 'region' ? _react2.default.createElement('img', { src: i['icon'] || jwimgsrc + '/images/jw-img/share/region.png' }) : '',
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
i['name']
),
i['help'] ? _react2.default.createElement('i', { className: 'icon-share-help' }) : '',
_react2.default.createElement('i', { className: 'icon-share-angle-right' })
);
} else if (i['id'] == 'area') {
return _react2.default.createElement(
'div',
{ className: "share-object-cat-material-i " + (i['customClass'] || '') + ' ' + (nowNav && nowNav["id"] == i["id"] ? 'actives' : ''), onClick: function onClick(e) {
return self.fetchData(e, i);
} },
_react2.default.createElement('img', { src: i['icon'] || jwimgsrc + '/images/jw-img/share/area.png' }),
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
i['name']
),
i['help'] ? _react2.default.createElement('i', { className: 'icon-share-help' }) : '',
_react2.default.createElement('i', { className: 'icon-share-angle-right' })
);
} else if (i['type'] == 'group' || i['type'] == 'jssdk' || i['type'] == 'groupApi' || i['type'] == 'selFolder') {
return _react2.default.createElement(
'div',
{ className: "share-object-cat-material-i " + (i['customClass'] || '') + ' ' + (nowNav && nowNav["id"] == i["id"] ? ' actives ' : ''), onClick: function onClick(e) {
return self.fetchData(e, i);
} },
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
i['name']
),
i['help'] ? _react2.default.createElement('i', { className: 'icon-share-help' }) : '',
_react2.default.createElement('i', { className: 'icon-share-angle-right' })
);
} else if (i['id'] == 'usergroup' || i['id'] == 'function_level' || i['type'] == 'jw_n_subscribe') {
return _react2.default.createElement(
'div',
{ className: "share-object-cat-material-i " + (i['customClass'] || '') + ' ' + (nowNav && (nowNav["id"] != undefined && nowNav["id"] == i["id"] || nowNav["src_id"] != undefined && nowNav["src_id"] == i["src_id"]) ? 'actives' : ''), onClick: function onClick(e) {
return self.fetchData(e, i);
} },
i['type'] == 'jw_n_subscribe' ? '' : _react2.default.createElement('img', { src: i['icon'] || jwimgsrc + '/images/jw-img/share/' + i['id'] + '.png' }),
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
i['name']
),
i['help'] ? _react2.default.createElement('i', { className: 'icon-share-help' }) : '',
_react2.default.createElement('i', { className: 'icon-share-angle-right' })
);
} else if (i['id'] == 'dictParent') {
return _react2.default.createElement(
'div',
{ className: "share-object-cat-material-i " + (i['customClass'] || '') + ' ' + (nowNav && nowNav["id"] == i["id"] ? 'actives' : ''), onClick: function onClick(e) {
return self.fetchData(e, i);
} },
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
i['name']
),
i['help'] ? _react2.default.createElement('i', { className: 'icon-share-help' }) : '',
_react2.default.createElement('i', { className: 'icon-share-angle-right' })
);
} else if (i['id'] == 'business_dict') {
return _react2.default.createElement(
'div',
{ className: "share-object-cat-material-i " + (i['customClass'] || '') + ' ' + (nowNav && nowNav["id"] == i["id"] ? 'actives' : ''), onClick: function onClick(e) {
return self.fetchData(e, i);
} },
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
i['name']
),
i['help'] ? _react2.default.createElement('i', { className: 'icon-share-help' }) : '',
_react2.default.createElement('i', { className: 'icon-share-angle-right' })
);
} else if (i['id'] == 'customusergroup') {
return _react2.default.createElement(
'div',
{ className: "share-object-cat-material-i " + (i['customClass'] || '') + ' ' + (nowNav && nowNav["id"] == i["id"] ? 'actives' : ''), onClick: function onClick(e) {
return self.fetchData(e, i);
} },
_react2.default.createElement('img', { src: i['icon'] || jwimgsrc + '/images/jw-img/share/' + i['id'] + '.png' }),
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
i['name']
),
i['help'] ? _react2.default.createElement('i', { className: 'icon-share-help' }) : '',
_react2.default.createElement('i', { className: 'icon-share-angle-right' })
);
} else if (i['id'] == 'subscribeteam') {
return _react2.default.createElement(
'div',
{ className: "share-object-cat-material-i " + (i['customClass'] || '') + ' ' + 'actives', onClick: function onClick(e) {
return self.fetchData(e, i);
} },
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
i['name']
),
i['help'] ? _react2.default.createElement('i', { className: 'icon-share-help' }) : '',
_react2.default.createElement('i', { className: 'icon-share-angle-right' })
);
} else if (i['id'] == 'select_task') {
return _react2.default.createElement(
'div',
{ className: "share-object-cat-material-i " + (i['customClass'] || '') + ' ' + 'actives' },
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
i['name']
),
i['help'] ? _react2.default.createElement('i', { className: 'icon-share-help' }) : '',
_react2.default.createElement('i', { className: 'icon-share-angle-right' })
);
} else if (i['id'] == 'specificUser') {
return _react2.default.createElement(
'div',
{ className: "share-object-cat-material-i " + (i['customClass'] || '') + ' ' + (nowNav && nowNav["id"] == i["id"] ? 'actives' : ''), onClick: function onClick(e) {
return self.fetchData(e, i);
} },
_react2.default.createElement('img', { src: i['icon'] || jwimgsrc + '/images/jw-img/share/specific-user.png' }),
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
i['name']
),
i['help'] ? _react2.default.createElement('i', { className: 'icon-share-help' }) : '',
_react2.default.createElement('i', { className: 'icon-share-angle-right' })
);
} else if (i['id'] == 'office') {
return _react2.default.createElement(
'div',
{ className: "share-object-cat-material-i " + (i['customClass'] || '') + ' ' + (nowNav && nowNav["id"] == i["id"] ? 'actives' : ''), onClick: function onClick(e) {
return self.fetchData(e, i);
} },
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
i['name']
),
i['help'] ? _react2.default.createElement('i', { className: 'icon-share-help' }) : '',
_react2.default.createElement('i', { className: 'icon-share-angle-right' })
);
}
}
}, {
key: '_init_normal',
value: function _init_normal() {
var self = this;
var data = this.state;
var nowNav = data['nowNav'][data['nowNav'].length - 1];
return _react2.default.createElement(
'div',
{ className: "sahre-object-l-i " + (this.state.sk && this.state.sk.length != 0 ? 'hide' : '') },
_.map(data['nav'], function (i) {
return self._init_nav(nowNav, i);
})
);
}
}, {
key: 'changeNav',
value: function changeNav(data, index) {
var self = this;
var navLenght = this.state.nowNav;
if (navLenght[0].id == 'area') {
navLenght = _.filter(navLenght, function (item, i) {
return i <= index;
});
} else {
navLenght.splice(index + 1);
// navLenght.splice(index + 1, 1);
}
this.setState({
nowNav: navLenght,
hideSub: false
});
if (navLenght[0].id == 'area') {
this.fetchGroupRegion(navLenght[navLenght.length - 1], navLenght);
} else if (navLenght[0].id == 'dictParent') {
this.fetchDictParent(navLenght[navLenght.length - 1], navLenght);
} else if (data.id == 'instance') {
this.getInstanceData(navLenght[navLenght.length - 1], navLenght);
} else if (data.id == 'jw_n_folder') {
this.getFolderNav();
// 用户组
} else if (navLenght[0].id == 'usergroup') {
this.fetchIng = true;
window.shareAloneTip = (0, _aloneTip2.default)({ type: 'warning', duration: 200000, hasclose: false, autoHideDuration: 200000, message: (0, _constants.COMPONENT_DICT)('label.business.shareobj.loading') });
var url = '/api/usergroup/classes';
(0, _request2.default)(url, {
method: 'GET'
}).then(function (resp) {
self.fetchIng = false;
var fetchList = resp["data"]["JMUsergroupclasses"];
window.shareAloneTip.close();
self.setState({
data: fetchList,
// page: resp["data"]["JMObjs"]["page"],
nowNav: [data]
});
});
// 自定义用户组
} else if (navLenght[0].id == 'customusergroup') {
this.fetchIng = true;
window.shareAloneTip = (0, _aloneTip2.default)({ type: 'warning', duration: 200000, hasclose: false, autoHideDuration: 200000, message: (0, _constants.COMPONENT_DICT)('label.business.shareobj.loading') });
var _url = '/api/customusergroup/classes?oid=' + navLenght[0].oid + '&otype=' + navLenght[0].otype;
(0, _request2.default)(_url, {
method: 'GET'
}).then(function (resp) {
self.fetchIng = false;
var fetchList = resp["data"]["JMUsergroupclasses"];
window.shareAloneTip.close();
self.setState({
data: fetchList,
// page: resp["data"]["JMObjs"]["page"],
nowNav: [data]
});
});
} else if (navLenght[navLenght.length - 1].type == 'jw_subscribe_team' || navLenght[navLenght.length - 1].id == 'subscribeteam') {
var dept_id = navLenght[navLenght.length - 1].id === 'subscribeteam' ? '' : navLenght[navLenght.length - 1].id;
this.fetchIng = true;
window.shareAloneTip = (0, _aloneTip2.default)({ type: 'warning', duration: 200000, hasclose: false, autoHideDuration: 200000, message: (0, _constants.COMPONENT_DICT)('label.business.shareobj.loading') });
var _url2 = '/api/subscription/subgetdeptinfo';
(0, _request2.default)(_url2, {
method: 'GET',
body: {
dept_id: dept_id
}
}).then(function (resp) {
var resD = resp.data.JMSubscription;
_.each(resD, function (i) {
return i.type = 'jw_subscribe_team';
});
_.each(resD, function (i) {
return i.flag = 'onlydept';
});
self.fetchIng = false;
var fetchList = resD;
window.shareAloneTip.close();
self.setState({
data: fetchList
// page: resp["data"]["JMObjs"]["page"],
// nowNav: [data]
});
});
} else if (navLenght[0].id == 'select_task') {
if (navLenght[navLenght.length - 1].id == 'select_task') {
self.getTaskData(navLenght[navLenght.length - 1]);
} else {
self.fetchTaskData(navLenght[navLenght.length - 1], true);
}
} else {
this.fetchGroup(navLenght[navLenght.length - 1], true);
}
}
}, {
key: '_init_folderSearch',
value: function _init_folderSearch() {
var _this2 = this;
if (this.state.nav && this.state.nav.length && this.state.nav.length > 0 && this.state.nav[0] && this.state.nav[0].id == 'jw_n_folder') {
return _react2.default.createElement(
'div',
{ className: 'share-object-search' },
_react2.default.createElement('i', { className: 'icon-search-s' }),
_react2.default.createElement(_Input2.default, { className: 'has-border', placeholder: (0, _constants.COMPONENT_DICT)('label.business.shareobj.search'), onChange: function onChange(e) {
return _this2.searchData(e);
} })
);
}
}
}, {
key: '_init_title',
value: function _init_title() {
var self = this;
var navLenght = this.state.nowNav;
var html = [];
var isJssdk = this.props.data.nav[0].id;
var isUsergroup = this.props.data.nav[0].id;
var isArticles = this.props.data.nav[0].id;
var isAPI = this.props.data.nav[0].id;
var isSpecificUser = this.props.data.nav[0].id;
_.each(this.state.nowNav, function (i, index) {
html.push(_react2.default.createElement(
'span',
{ id: i.id, className: 'ellipsis ' + (index != navLenght.length - 1 ? 'active' : ''), onClick: function onClick(e) {
return index != navLenght.length - 1 ? self.changeNav(i, index) : function () {};
} },
i.type == "boardgroup" || i.type == "board" || i.type == "list" ? self.getLabelValue(i['name'], true) : i["name"]
));
if (index != self.state.nowNav.length - 1) {
html.push(_react2.default.createElement(
'span',
{ className: 'active share-object-path-sep' },
'>'
));
}
});
setTimeout(function () {
var left = $('.share-object-path-c').width() - $('.share-object-path').width();
if (left > 0) {
left = '-' + left;
} else {
left = 0;
}
$('.share-object-path-c').stop().animate({ marginLeft: left + 'px' });
}, 100);
return _react2.default.createElement(
'div',
{ className: 'share-object-path' },
_react2.default.createElement(
'div',
{ className: "share-object-path-c " + (isJssdk == 'selJssdk' || isUsergroup == 'usergroup' || isArticles == 'subscribe_articles' || isAPI == 'groupApi' ? 'path-jssdk' : '') },
html
)
);
}
}, {
key: '_init_item',
value: function _init_item(data, isSearch) {
var _this3 = this;
var self = this;
var nowNav = this.state['nowNav'][0];
var curData = data.type == 'jw_n_subscribe_article' ? _.find(self.state.select, { oid: data['oid'] }) : _.find(self.state.select, { id: data['id'] });
// 整合一下外面传递的参数
if (curData != undefined) {
data = _.extend(data, curData);
}
var checked = curData ? true : false;
var checkboxProps = {};
if (data['disabled']) checkboxProps.disabled = true;
if (data['type'] == 'jw_n_dept') {
return _react2.default.createElement(
'div',
{ className: "share-object-i specail " + (data['disabled'] ? 'share-object-i-disabled' : '') },
nowNav && (nowNav["id"] == 'dept' || nowNav["id"] == 'dictParent' && nowNav["type"] == 'dept') && nowNav['flag'] && nowNav['flag'] != 'onlyuser' ? _react2.default.createElement(_index2.default, { icon: _react2.default.createElement(_RadioButtonUnchecked2.default, null), checkedIcon: _react2.default.createElement(_RadioButtonChecked2.default, null), disabled: data['disabled'], checked: checked, onChange: function onChange(e) {
return self.select(e, data);
} }) : '',
_react2.default.createElement(
'div',
{ className: 'share-objec-i-c', onClick: function onClick(e) {
return _this3.fetchGroup(data, '', '', isSearch);
} },
_react2.default.createElement('img', { src: data['logo'] }),
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
_react2.default.createElement(
_toolTips2.default,
{ title: curLang && curLang == 'en' && data['en_name'] ? data['en_name'] : data['name'], placement: 'top' },
_react2.default.createElement(
'div',
{ className: 'toolTips-label' },
curLang && curLang == 'en' && data['en_name'] ? data['en_name'] : data['name']
)
)
),
_react2.default.createElement('i', { className: 'icon-share-angle-right icon-share-angle-right-dept' })
)
);
} else if (data['type'] == 'jw_n_group') {
return _react2.default.createElement(
'div',
{ className: "share-object-i specail " + (data['disabled'] ? 'share-object-i-disabled' : '') },
nowNav && nowNav["id"] == 'dept' && nowNav['flag'] && nowNav['flag'] != 'onlyuser' ? _react2.default.createElement(_index2.default, { icon: _react2.default.createElement(_RadioButtonUnchecked2.default, null), checkedIcon: _react2.default.createElement(_RadioButtonChecked2.default, null), disabled: data['disabled'], checked: checked, onChange: function onChange(e) {
return self.select(e, data);
} }) : '',
_react2.default.createElement(
'div',
{ className: 'share-objec-i-c', onClick: function onClick(e) {
return _this3.fetchGroup(data, '', '', isSearch);
} },
_react2.default.createElement('img', { src: data['logo'] }),
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
_react2.default.createElement(
_toolTips2.default,
{ title: curLang && curLang == 'en' && data['en_name'] ? data['en_name'] : data['name'], placement: 'top' },
_react2.default.createElement(
'div',
{ className: 'toolTips-label' },
curLang && curLang == 'en' && data['en_name'] ? data['en_name'] : data['name']
)
)
)
)
);
} else if (data['type'] == 'jw_n_user') {
var _checked = _.find(self.state.select, { id: data['id'] }) ? true : false;
if (!data['disabled']) checkboxProps.onChange = function (e) {
return self.select(e, data);
};
return _react2.default.createElement(
'div',
{ className: "share-object-i " + (data['disabled'] ? 'share-object-i-disabled' : '') },
_react2.default.createElement(_index2.default, _extends({ icon: _react2.default.createElement(_RadioButtonUnchecked2.default, null), checkedIcon: _react2.default.createElement(_RadioButtonChecked2.default, null), checked: _checked }, checkboxProps)),
_react2.default.createElement(
'div',
{ className: 'share-objec-i-c' },
_react2.default.createElement('img', { src: data["avatar"] ? data["avatar"]['avatar_l'] : jwimgsrc + '/images/jw-img/share/user.jpg' }),
isSearch ? _react2.default.createElement(
'span',
{ className: 'ellipsis' },
_react2.default.createElement(
_toolTips2.default,
{ title: curLang && curLang == 'en' && data['en_name'] ? data['en_name'] : data['name'], placement: 'top' },
_react2.default.createElement(
'div',
{ className: 'share-objec-user-info' },
_react2.default.createElement(
'div',
{ className: 'toolTips-label' },
curLang && curLang == 'en' && data['en_name'] ? data['en_name'] : data['name']
),
_react2.default.createElement(
'p',
{ className: 'share-objec-user-dept' },
(data['depts'] && data['depts'].length > 0 && data['depts'][0]['title']) + (data['depts'] && data['depts'].length > 0 && data['depts'][0]['title'] == "" ? '' : '，') + (data['depts'] && data['depts'].length > 0 && data['depts'][0]['name'])
)
)
)
) : _react2.default.createElement(
'span',
{ className: 'ellipsis' },
_react2.default.createElement(
_toolTips2.default,
{ title: curLang && curLang == 'en' && data['en_name'] ? data['en_name'] : data['name'], placement: 'top' },
_react2.default.createElement(
'div',
{ className: 'toolTips-label' },
curLang && curLang == 'en' && data['en_name'] ? data['en_name'] : data['name']
)
)
)
)
);
} else if (data['file_type'] == 'jw_n_folder') {
var _checked2 = _.find(self.state.select, { id: data['id'] }) ? true : false;
return _react2.default.createElement(
'div',
{ className: "share-object-i" + (data['disabled'] ? 'share-object-i-disabled' : '') },
_react2.default.createElement(_index2.default, { icon: _react2.default.createElement(_RadioButtonUnchecked2.default, null), checkedIcon: _react2.default.createElement(_RadioButtonChecked2.default, null), disabled: data['disabled'], checked: _checked2, onChange: function onChange(e) {
return self.select(e, data);
} }),
_react2.default.createElement(
'div',
{ className: 'share-objec-i-c app-cur-def', onChange: function onChange(e) {
return self.select(!_checked2, data);
} },
_react2.default.createElement('img', { src: data["avatar"] ? data["avatar"]['avatar_l'] : jwimgsrc + '/images/jw-img/share/jw-n-folder.png' }),
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
_react2.default.createElement(
_toolTips2.default,
{ title: curLang && curLang == 'en' && data['en_name'] ? data['en_name'] : data['name'], placement: 'top' },
_react2.default.createElement(
'div',
{ className: 'toolTips-label' },
curLang && curLang == 'en' && data['en_name'] ? data['en_name'] : data['name']
)
)
)
)
);
} else if (data['type'] == 'topFolder') {
var _checked3 = _.find(self.state.select, { id: data['id'] }) ? true : false;
return _react2.default.createElement(
'div',
{ className: "share-object-i" + (data['disabled'] ? 'share-object-i-disabled' : '') },
_react2.default.createElement(
'div',
{ className: 'share-objec-i-c', onClick: function onClick(e) {
return self.fetchData(e, data, false);
} },
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
_react2.default.createElement(
_toolTips2.default,
{ title: curLang && curLang == 'en' && data['en_name'] ? data['en_name'] : data['name'], placement: 'top' },
_react2.default.createElement(
'div',
{ className: 'toolTips-label' },
curLang && curLang == 'en' && data['en_name'] ? data['en_name'] : data['name']
)
)
)
)
);
} else if (data['type'] == 'jw_n_project') {
return _react2.default.createElement(
'div',
{ className: 'share-object-i specail', onClick: function onClick(e) {
return _this3.fetchByOther(e, data);
} },
_react2.default.createElement(
'div',
{ className: 'share-objec-i-c' },
_react2.default.createElement('img', { src: data['logo'] }),
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
_react2.default.createElement(
_toolTips2.default,
{ title: curLang && curLang == 'en' && data['en_name'] ? data['en_name'] : data['name'], placement: 'top' },
_react2.default.createElement(
'div',
{ className: 'toolTips-label' },
curLang && curLang == 'en' && data['en_name'] ? data['en_name'] : data['name']
)
)
)
)
);
} else if (data['type'] == 'jw_n_task') {
return _react2.default.createElement(
'div',
{ className: 'share-object-i specail', onClick: function onClick(e) {
return _this3.fetchByOther(e, data);
} },
_react2.default.createElement(
'div',
{ className: 'share-objec-i-c' },
_react2.default.createElement('img', { src: data['logo'] }),
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
_react2.default.createElement(
_toolTips2.default,
{ title: curLang && curLang == 'en' && data['en_name'] ? data['en_name'] : data['name'], placement: 'top' },
_react2.default.createElement(
'div',
{ className: 'toolTips-label' },
curLang && curLang == 'en' && data['en_name'] ? data['en_name'] : data['name']
)
)
)
)
);
} else if (data['obj_type'] == 'jw_n_area') {
return _react2.default.createElement(
'div',
{ className: "share-object-i specail " + (data['disabled'] ? 'share-object-i-disabled ' : '') + (this.state.hideSub ? "" : "flex-two") },
_react2.default.createElement(
'div',
{ className: 'share-object-i-w' },
_react2.default.createElement(_index2.default, { icon: _react2.default.createElement(_RadioButtonUnchecked2.default, null), checkedIcon: _react2.default.createElement(_RadioButtonChecked2.default, null), disabled: data['disabled'], checked: checked, onChange: function onChange(e) {
return self.select(e, data);
} }),
_react2.default.createElement(
'div',
{ className: 'share-objec-i-c', onClick: function onClick(e) {
return self.specailSelect(!checked, data);
} },
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
_react2.default.createElement(
_toolTips2.default,
{ title: curLang && curLang == 'en' && data['en_name'] ? data['en_name'] : data['name'], placement: 'top' },
_react2.default.createElement(
'div',
{ className: 'toolTips-label' },
curLang && curLang == 'en' && data['en_name'] ? data['en_name'] : data['name']
)
)
)
)
),
self.state.hideSub ? '' : _react2.default.createElement(
'div',
{ className: 'next-icon ', onClick: function onClick() {
return self.fetchGroupRegion(data, '', isSearch);
} },
_react2.default.createElement('i', { className: 'icon-share-angle-right' })
)
);
} else if (data.type == 'jssdk' || data.type == 'groupApi') {
return _react2.default.createElement(
'div',
{ className: "share-object-i share-jssdk " + (data['default_flag'] == 1 ? " not-allowed" : "") },
data['default_flag'] == 1 && data['selected_flag'] == 1 ? _react2.default.createElement('img', { src: jwimgsrc + '/images/jw-img/share/checkout-dis.png', width: '20', alt: '' }) : _react2.default.createElement(_index2.default, { icon: _react2.default.createElement(_RadioButtonUnchecked2.default, null), checkedIcon: _react2.default.createElement(_RadioButtonChecked2.default, null), disabled: data['default_flag'] == 1 || data['disabled'], defaultChecked: false, checked: checked, onChange: function onChange(e) {
return self.select(e, data);
} }),
_react2.default.createElement(
'div',
{ className: 'share-objec-i-c', onClick: function onClick(e) {
return self.specailSelect(!checked, data);
} },
_react2.default.createElement(
'span',
{ className: 'ellipsis js-name' },
_react2.default.createElement(
_toolTips2.default,
{ title: curLang && curLang == 'en' && data['en_name'] ? data['en_name'] : data['name'], placement: 'top' },
_react2.default.createElement(
'div',
{ className: 'toolTips-label' },
curLang && curLang == 'en' && data['en_name'] ? data['en_name'] : data['name']
)
)
),
_react2.default.createElement(
'div',
{ className: 'js-des' },
data.desc
)
)
);
} else if (data.type == 'jw_n_dict') {
var _checked4 = _.find(self.state.select, { id: data['id'] }) ? true : false;
return _react2.default.createElement(
'div',
{ className: "share-object-i " + (data['disabled'] ? 'share-object-i-disabled ' : '') + (data['type'] == 'app' ? 'share-objec-apps' : '') },
_react2.default.createElement(_index2.default, { icon: _react2.default.createElement(_RadioButtonUnchecked2.default, null), checkedIcon: _react2.default.createElement(_RadioButtonChecked2.default, null), disabled: data['disabled'], checked: _checked4, onChange: function onChange(e) {
return self.select(e, data);
} }),
_react2.default.createElement(
'div',
{ className: 'share-objec-i-c', onClick: function onClick(e) {
return self.specailSelect(!_checked4, data);
} },
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
_react2.default.createElement(
_toolTips2.default,
{ title: curLang && curLang == 'en' && data['en_name'] ? data['en_name'] : data['name'], placement: 'top' },
_react2.default.createElement(
'div',
{ className: 'toolTips-label' },
curLang && curLang == 'en' && data['en_name'] ? data['en_name'] : data['name']
)
)
)
)
);
} else if (data.dict_flag == 1 || data.type == 'jw_n_teamtype' || data.type == 'jw_n_store_category' || data.type == 'jw_n_personnel_category' || data.type == 'jw_n_post' || data.type == 'jw_n_jobtype' || data.type == 'jw_n_function_level' || data.type == 'jw_n_office' || data.type == 'jw_n_brand' || data.type == 'jw_n_region' || data.type == 'jw_n_user_category' || data.type == 'jw_n_region_category' || data.type == 'jw_n_personnel_group' || data.type == 'jw_n_assign_category' || data.type == 'jw_trio_inst' || data.type == 'corporation') {
return _react2.default.createElement(
'div',
{ className: "share-object-i specail share-dict " + (data.type == 'jw_trio_inst' ? 'share-dict_trio_inst ' : "") + (data['disabled'] ? 'share-object-i-disabled' : '') + (nowNav && nowNav.isSelectGroup != undefined && nowNav.isSelectGroup ? '' : 'share-dict-not-select-group') },
nowNav && nowNav.isSelectGroup != undefined && nowNav.isSelectGroup || data.dtype == "2" ? _react2.default.createElement(_index2.default, { icon: _react2.default.createElement(_RadioButtonUnchecked2.default, null), checkedIcon: _react2.default.createElement(_RadioButtonChecked2.default, null), disabled: data['disabled'],
checked: checked, onChange: function onChange(e) {
return self.select(e, data);
} }) : '',
data.dtype == "1" ? _react2.default.createElement('img', { className: 'dict-group-icon', src: jwimgsrc + '/images/jw-img/share/group.png', width: '20', alt: '' }) : '',
_react2.default.createElement(
'div',
{ className: data.dtype == "1" ? "share-objec-group-w" : "share-objec-entry-w", onClick: data.type == 'jw_n_origanization' ? function () {
return function () {};
} : function () {
return self.fetchDictParent(data, '', isSearch);
} },
_react2.default.createElement(
'div',
{ className: 'share-objec-i-c ' },
_react2.default.createElement(
'span',
{ className: 'ellipsis' },
_react2.default.createElement(
_toolTips2.default,
{ tit