methods.js 180 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859
  1. "use strict";
  2. Object.defineProperty(exports, "__esModule", {
  3. value: true
  4. });
  5. exports.default = void 0;
  6. var _ctor = _interopRequireDefault(require("xe-utils/ctor"));
  7. var _conf = _interopRequireDefault(require("../../conf"));
  8. var _cell = _interopRequireDefault(require("../../cell"));
  9. var _vXETable = _interopRequireDefault(require("../../v-x-e-table"));
  10. var _tools = require("../../tools");
  11. var _formats = _interopRequireDefault(require("../../v-x-e-table/src/formats"));
  12. function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
  13. function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
  14. function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
  15. function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
  16. function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
  17. function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
  18. function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
  19. function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
  20. var getRowid = _tools.UtilTools.getRowid,
  21. getRowkey = _tools.UtilTools.getRowkey,
  22. setCellValue = _tools.UtilTools.setCellValue,
  23. hasChildrenList = _tools.UtilTools.hasChildrenList;
  24. var browse = _tools.DomTools.browse,
  25. calcHeight = _tools.DomTools.calcHeight,
  26. hasClass = _tools.DomTools.hasClass,
  27. addClass = _tools.DomTools.addClass,
  28. removeClass = _tools.DomTools.removeClass,
  29. getEventTargetNode = _tools.DomTools.getEventTargetNode;
  30. var isWebkit = browse['-webkit'] && !browse.edge;
  31. var debounceScrollYDuration = browse.msie ? 40 : 20;
  32. var resizableStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_WIDTH';
  33. var visibleStorageKey = 'VXE_TABLE_CUSTOM_COLUMN_VISIBLE';
  34. /**
  35. * 生成行的唯一主键
  36. */
  37. function getRowUniqueId() {
  38. return _ctor.default.uniqueId('row_');
  39. }
  40. function eqCellNull(cellValue) {
  41. return cellValue === '' || _ctor.default.eqNull(cellValue);
  42. }
  43. function eqCellValue(row1, row2, field) {
  44. var val1 = _ctor.default.get(row1, field);
  45. var val2 = _ctor.default.get(row2, field);
  46. if (eqCellNull(val1) && eqCellNull(val2)) {
  47. return true;
  48. }
  49. if (_ctor.default.isString(val1) || _ctor.default.isNumber(val1)) {
  50. /* eslint-disable eqeqeq */
  51. return val1 == val2;
  52. }
  53. return _ctor.default.isEqual(val1, val2);
  54. }
  55. function getNextSortOrder(_vm, column) {
  56. var orders = _vm.sortOpts.orders;
  57. var currOrder = column.order || null;
  58. var oIndex = orders.indexOf(currOrder) + 1;
  59. return orders[oIndex < orders.length ? oIndex : 0];
  60. }
  61. function getCustomStorageMap(key) {
  62. var version = _conf.default.version;
  63. var rest = _ctor.default.toStringJSON(localStorage.getItem(key));
  64. return rest && rest._v === version ? rest : {
  65. _v: version
  66. };
  67. }
  68. function getRecoverRow(_vm, list) {
  69. var fullAllDataRowMap = _vm.fullAllDataRowMap;
  70. return list.filter(function (row) {
  71. return fullAllDataRowMap.has(row);
  72. });
  73. }
  74. function handleReserveRow(_vm, reserveRowMap) {
  75. var fullDataRowIdData = _vm.fullDataRowIdData;
  76. var reserveList = [];
  77. _ctor.default.each(reserveRowMap, function (item, rowid) {
  78. if (fullDataRowIdData[rowid] && reserveList.indexOf(fullDataRowIdData[rowid].row) === -1) {
  79. reserveList.push(fullDataRowIdData[rowid].row);
  80. }
  81. });
  82. return reserveList;
  83. }
  84. function setMerges(_vm, merges, mList, rowList) {
  85. if (merges) {
  86. var treeConfig = _vm.treeConfig,
  87. visibleColumn = _vm.visibleColumn;
  88. if (treeConfig) {
  89. throw new Error(_tools.UtilTools.getLog('vxe.error.noTree', ['merge-footer-items']));
  90. }
  91. if (!_ctor.default.isArray(merges)) {
  92. merges = [merges];
  93. }
  94. merges.forEach(function (item) {
  95. var row = item.row,
  96. col = item.col,
  97. rowspan = item.rowspan,
  98. colspan = item.colspan;
  99. if (rowList && _ctor.default.isNumber(row)) {
  100. row = rowList[row];
  101. }
  102. if (_ctor.default.isNumber(col)) {
  103. col = visibleColumn[col];
  104. }
  105. if ((rowList ? row : _ctor.default.isNumber(row)) && col && (rowspan || colspan)) {
  106. rowspan = _ctor.default.toNumber(rowspan) || 1;
  107. colspan = _ctor.default.toNumber(colspan) || 1;
  108. if (rowspan > 1 || colspan > 1) {
  109. var mcIndex = _ctor.default.findIndexOf(mList, function (item) {
  110. return item._row === row && item._col === col;
  111. });
  112. var mergeItem = mList[mcIndex];
  113. if (mergeItem) {
  114. mergeItem.rowspan = rowspan;
  115. mergeItem.colspan = colspan;
  116. mergeItem._rowspan = rowspan;
  117. mergeItem._colspan = colspan;
  118. } else {
  119. var mergeRowIndex = rowList ? rowList.indexOf(row) : row;
  120. var mergeColIndex = visibleColumn.indexOf(col);
  121. mList.push({
  122. row: mergeRowIndex,
  123. col: mergeColIndex,
  124. rowspan: rowspan,
  125. colspan: colspan,
  126. _row: row,
  127. _col: col,
  128. _rowspan: rowspan,
  129. _colspan: colspan
  130. });
  131. }
  132. }
  133. }
  134. });
  135. }
  136. }
  137. function removeMerges(_vm, merges, mList, rowList) {
  138. var rest = [];
  139. if (merges) {
  140. var treeConfig = _vm.treeConfig,
  141. visibleColumn = _vm.visibleColumn;
  142. if (treeConfig) {
  143. throw new Error(_tools.UtilTools.getLog('vxe.error.noTree', ['merge-cells']));
  144. }
  145. if (!_ctor.default.isArray(merges)) {
  146. merges = [merges];
  147. }
  148. merges.forEach(function (item) {
  149. var row = item.row,
  150. col = item.col;
  151. if (rowList && _ctor.default.isNumber(row)) {
  152. row = rowList[row];
  153. }
  154. if (_ctor.default.isNumber(col)) {
  155. col = visibleColumn[col];
  156. }
  157. var mcIndex = _ctor.default.findIndexOf(mList, function (item) {
  158. return item._row === row && item._col === col;
  159. });
  160. if (mcIndex > -1) {
  161. var rItems = mList.splice(mcIndex, 1);
  162. rest.push(rItems[0]);
  163. }
  164. });
  165. }
  166. return rest;
  167. }
  168. function getOrderField(_vm, column) {
  169. var sortBy = column.sortBy,
  170. sortType = column.sortType;
  171. if (sortBy && _ctor.default.isArray(sortBy)) {
  172. return sortBy;
  173. }
  174. return function (row) {
  175. var cellValue;
  176. if (sortBy) {
  177. cellValue = _ctor.default.isFunction(sortBy) ? sortBy({
  178. row: row,
  179. column: column
  180. }) : _ctor.default.get(row, sortBy);
  181. } else {
  182. cellValue = _vm.getCellLabel(row, column);
  183. }
  184. if (!sortType || sortType === 'auto') {
  185. return isNaN(cellValue) ? cellValue : _ctor.default.toNumber(cellValue);
  186. } else if (sortType === 'number') {
  187. return _ctor.default.toNumber(cellValue);
  188. } else if (sortType === 'string') {
  189. return _ctor.default.toValueString(cellValue);
  190. }
  191. return cellValue;
  192. };
  193. }
  194. var Methods = {
  195. /**
  196. * 获取父容器元素
  197. */
  198. getParentElem: function getParentElem() {
  199. return this.$xegrid ? this.$xegrid.$el.parentNode : this.$el.parentNode;
  200. },
  201. /**
  202. * 获取父容器的高度
  203. */
  204. getParentHeight: function getParentHeight() {
  205. return this.$xegrid ? this.$xegrid.getParentHeight() : this.getParentElem().clientHeight;
  206. },
  207. /**
  208. * 获取需要排除的高度
  209. * 但渲染表格高度时,需要排除工具栏或分页等相关组件的高度
  210. * 如果存在表尾合计滚动条,则需要排除滚动条高度
  211. */
  212. getExcludeHeight: function getExcludeHeight() {
  213. return this.$xegrid ? this.$xegrid.getExcludeHeight() : 0;
  214. },
  215. /**
  216. * 重置表格的一切数据状态
  217. */
  218. clearAll: function clearAll() {
  219. this.inited = false;
  220. this.clearSort();
  221. this.clearCurrentRow();
  222. this.clearCurrentColumn();
  223. this.clearRadioRow();
  224. this.clearRadioReserve();
  225. this.clearCheckboxRow();
  226. this.clearCheckboxReserve();
  227. this.clearRowExpand();
  228. this.clearRowExpandReserve();
  229. this.clearTreeExpand();
  230. this.clearTreeExpandReserve();
  231. if (_vXETable.default._edit) {
  232. this.clearActived();
  233. }
  234. if (_vXETable.default._filter) {
  235. this.clearFilter();
  236. }
  237. if (this.keyboardConfig || this.mouseConfig) {
  238. this.clearIndexChecked();
  239. this.clearHeaderChecked();
  240. this.clearChecked();
  241. this.clearSelected();
  242. this.clearCopyed();
  243. }
  244. if (this.mouseConfig) {
  245. this.clearCellAreas();
  246. this.clearCopyCellArea();
  247. }
  248. return this.clearScroll();
  249. },
  250. refreshData: function refreshData() {
  251. _tools.UtilTools.warn('vxe.error.delFunc', ['refreshData', 'syncData']);
  252. return this.syncData();
  253. },
  254. /**
  255. * 同步 data 数据
  256. * 如果用了该方法,那么组件将不再记录增删改的状态,只能自行实现对应逻辑
  257. * 对于某些特殊的场景,比如深层树节点元素发生变动时可能会用到
  258. */
  259. syncData: function syncData() {
  260. var _this = this;
  261. return this.$nextTick().then(function () {
  262. _this.tableData = [];
  263. return _this.$nextTick().then(function () {
  264. return _this.loadTableData(_this.tableFullData);
  265. });
  266. });
  267. },
  268. /**
  269. * 手动处理数据
  270. * 对于手动更改了排序、筛选...等条件后需要重新处理数据时可能会用到
  271. */
  272. updateData: function updateData() {
  273. return this.handleTableData(true).then(this.updateFooter).then(this.recalculate);
  274. },
  275. handleTableData: function handleTableData(force) {
  276. var scrollYLoad = this.scrollYLoad,
  277. scrollYStore = this.scrollYStore;
  278. var fullData = force ? this.updateAfterFullData() : this.afterFullData;
  279. this.tableData = scrollYLoad ? fullData.slice(scrollYStore.startIndex, Math.max(scrollYStore.startIndex + scrollYStore.renderSize, 1)) : fullData.slice(0);
  280. return this.$nextTick();
  281. },
  282. /**
  283. * 加载表格数据
  284. * @param {Array} datas 数据
  285. */
  286. loadTableData: function loadTableData(datas) {
  287. var _this2 = this;
  288. var keepSource = this.keepSource,
  289. treeConfig = this.treeConfig,
  290. editStore = this.editStore,
  291. sYOpts = this.sYOpts,
  292. scrollYStore = this.scrollYStore;
  293. var tableFullData = datas ? datas.slice(0) : [];
  294. var scrollYLoad = !treeConfig && sYOpts.enabled && sYOpts.gt > -1 && sYOpts.gt < tableFullData.length;
  295. scrollYStore.startIndex = 0;
  296. scrollYStore.visibleIndex = 0;
  297. scrollYStore.renderSize = 1;
  298. editStore.insertList = [];
  299. editStore.removeList = []; // 全量数据
  300. this.tableFullData = tableFullData; // 缓存数据
  301. this.updateCache(true); // 原始数据
  302. this.tableSynchData = datas;
  303. if (keepSource) {
  304. this.tableSourceData = _ctor.default.clone(tableFullData, true);
  305. }
  306. this.scrollYLoad = scrollYLoad;
  307. if (scrollYLoad) {
  308. if (!(this.height || this.maxHeight)) {
  309. _tools.UtilTools.error('vxe.error.reqProp', ['height | max-height']);
  310. }
  311. if (!this.showOverflow) {
  312. _tools.UtilTools.warn('vxe.error.reqProp', ['show-overflow']);
  313. }
  314. if (this.spanMethod) {
  315. _tools.UtilTools.warn('vxe.error.scrollErrProp', ['span-method']);
  316. }
  317. }
  318. this.clearMergeCells();
  319. this.clearMergeFooterItems();
  320. this.handleTableData(true);
  321. this.updateFooter();
  322. return this.computeScrollLoad().then(function () {
  323. // 是否加载了数据
  324. _this2.isLoadData = true;
  325. _this2.computeRowHeight();
  326. _this2.handleReserveStatus();
  327. _this2.checkSelectionStatus();
  328. return _this2.$nextTick().then(_this2.recalculate).then(_this2.refreshScroll);
  329. });
  330. },
  331. /**
  332. * 重新加载数据,不会清空表格状态
  333. * @param {Array} datas 数据
  334. */
  335. loadData: function loadData(datas) {
  336. this.inited = true;
  337. return this.loadTableData(datas).then(this.recalculate);
  338. },
  339. /**
  340. * 重新加载数据,会清空表格状态
  341. * @param {Array} datas 数据
  342. */
  343. reloadData: function reloadData(datas) {
  344. var _this3 = this;
  345. return this.clearAll().then(function () {
  346. _this3.inited = true;
  347. return _this3.loadTableData(datas);
  348. }).then(this.handleDefaults);
  349. },
  350. /**
  351. * 局部加载行数据并恢复到初始状态
  352. * 对于行数据需要局部更改的场景中可能会用到
  353. * @param {Row} row 行对象
  354. * @param {Object} record 新数据
  355. * @param {String} field 字段名
  356. */
  357. reloadRow: function reloadRow(row, record, field) {
  358. var tableSourceData = this.tableSourceData,
  359. tableData = this.tableData; // 在 v3 中必须要开启 keep-source
  360. if (!this.keepSource) {
  361. _tools.UtilTools.warn('vxe.error.reqProp', ['keep-source']);
  362. return this.$nextTick();
  363. }
  364. var rowIndex = this.getRowIndex(row);
  365. var oRow = tableSourceData[rowIndex];
  366. if (oRow && row) {
  367. if (field) {
  368. _ctor.default.set(oRow, field, _ctor.default.get(record || row, field));
  369. } else {
  370. if (record) {
  371. tableSourceData[rowIndex] = record;
  372. _ctor.default.clear(row, undefined);
  373. Object.assign(row, this.defineField(Object.assign({}, record)));
  374. this.updateCache(true);
  375. } else {
  376. _ctor.default.destructuring(oRow, _ctor.default.clone(row, true));
  377. }
  378. }
  379. }
  380. this.tableData = tableData.slice(0);
  381. return this.$nextTick();
  382. },
  383. /**
  384. * 加载列配置
  385. * 对于表格列需要重载、局部递增场景下可能会用到
  386. * @param {ColumnInfo} columns 列配置
  387. */
  388. loadColumn: function loadColumn(columns) {
  389. var _this4 = this;
  390. this.collectColumn = _ctor.default.mapTree(columns, function (column) {
  391. return _cell.default.createColumn(_this4, column);
  392. });
  393. return this.$nextTick();
  394. },
  395. /**
  396. * 加载列配置并恢复到初始状态
  397. * 对于表格列需要重载、局部递增场景下可能会用到
  398. * @param {ColumnInfo} columns 列配置
  399. */
  400. reloadColumn: function reloadColumn(columns) {
  401. var _this5 = this;
  402. return this.clearAll().then(function () {
  403. return _this5.loadColumn(columns);
  404. });
  405. },
  406. /**
  407. * 更新数据行的 Map
  408. * 牺牲数据组装的耗时,用来换取使用过程中的流畅
  409. */
  410. updateCache: function updateCache(source) {
  411. var _this6 = this;
  412. var treeConfig = this.treeConfig,
  413. treeOpts = this.treeOpts,
  414. tableFullData = this.tableFullData,
  415. fullDataRowMap = this.fullDataRowMap,
  416. fullAllDataRowMap = this.fullAllDataRowMap;
  417. var fullDataRowIdData = this.fullDataRowIdData,
  418. fullAllDataRowIdData = this.fullAllDataRowIdData;
  419. var rowkey = getRowkey(this);
  420. var isLazy = treeConfig && treeOpts.lazy;
  421. var handleCache = function handleCache(row, index, items, path, parent) {
  422. var rowid = getRowid(_this6, row);
  423. if (_tools.UtilTools.eqEmptyValue(rowid)) {
  424. rowid = getRowUniqueId();
  425. _ctor.default.set(row, rowkey, rowid);
  426. }
  427. if (isLazy && row[treeOpts.hasChild] && _ctor.default.isUndefined(row[treeOpts.children])) {
  428. row[treeOpts.children] = null;
  429. }
  430. var rest = {
  431. row: row,
  432. rowid: rowid,
  433. index: treeConfig && parent ? -1 : index,
  434. items: items,
  435. parent: parent
  436. };
  437. if (source) {
  438. fullDataRowIdData[rowid] = rest;
  439. fullDataRowMap.set(row, rest);
  440. }
  441. fullAllDataRowIdData[rowid] = rest;
  442. fullAllDataRowMap.set(row, rest);
  443. };
  444. if (source) {
  445. fullDataRowIdData = this.fullDataRowIdData = {};
  446. fullDataRowMap.clear();
  447. }
  448. fullAllDataRowIdData = this.fullAllDataRowIdData = {};
  449. fullAllDataRowMap.clear();
  450. if (treeConfig) {
  451. _ctor.default.eachTree(tableFullData, handleCache, treeOpts);
  452. } else {
  453. tableFullData.forEach(handleCache);
  454. }
  455. },
  456. loadChildren: function loadChildren(row, childRecords) {
  457. var _this7 = this;
  458. return this.createData(childRecords).then(function (rows) {
  459. var keepSource = _this7.keepSource,
  460. tableSourceData = _this7.tableSourceData,
  461. treeOpts = _this7.treeOpts,
  462. fullDataRowIdData = _this7.fullDataRowIdData,
  463. fullDataRowMap = _this7.fullDataRowMap,
  464. fullAllDataRowMap = _this7.fullAllDataRowMap,
  465. fullAllDataRowIdData = _this7.fullAllDataRowIdData;
  466. var children = treeOpts.children;
  467. if (keepSource) {
  468. var rowid = getRowid(_this7, row);
  469. var matchObj = _ctor.default.findTree(tableSourceData, function (item) {
  470. return rowid === getRowid(_this7, item);
  471. }, treeOpts);
  472. if (matchObj) {
  473. matchObj.item[children] = _ctor.default.clone(rows, true);
  474. }
  475. }
  476. _ctor.default.eachTree(rows, function (childRow, index, items, path, parent) {
  477. var rowid = getRowid(_this7, childRow);
  478. var rest = {
  479. row: childRow,
  480. rowid: rowid,
  481. index: -1,
  482. items: items,
  483. parent: parent
  484. };
  485. fullDataRowIdData[rowid] = rest;
  486. fullDataRowMap.set(childRow, rest);
  487. fullAllDataRowIdData[rowid] = rest;
  488. fullAllDataRowMap.set(childRow, rest);
  489. }, treeOpts);
  490. row[children] = rows;
  491. return rows;
  492. });
  493. },
  494. /**
  495. * 更新数据列的 Map
  496. * 牺牲数据组装的耗时,用来换取使用过程中的流畅
  497. */
  498. cacheColumnMap: function cacheColumnMap() {
  499. var isGroup = this.isGroup,
  500. tableFullColumn = this.tableFullColumn,
  501. collectColumn = this.collectColumn,
  502. fullColumnMap = this.fullColumnMap;
  503. var fullColumnIdData = this.fullColumnIdData = {};
  504. var fullColumnFieldData = this.fullColumnFieldData = {};
  505. var expandColumn;
  506. var treeNodeColumn;
  507. var checkboxColumn;
  508. var radioColumn;
  509. var hasFixed;
  510. var handleFunc = function handleFunc(column, index, items, path, parent) {
  511. var colid = column.id,
  512. property = column.property,
  513. fixed = column.fixed,
  514. type = column.type,
  515. treeNode = column.treeNode;
  516. var rest = {
  517. column: column,
  518. colid: colid,
  519. index: index,
  520. items: items,
  521. parent: parent
  522. };
  523. if (property) {
  524. if (fullColumnFieldData[property]) {
  525. _tools.UtilTools.warn('vxe.error.colRepet', ['field', property]);
  526. }
  527. fullColumnFieldData[property] = rest;
  528. }
  529. if (!hasFixed && fixed) {
  530. hasFixed = fixed;
  531. }
  532. if (treeNode) {
  533. if (treeNodeColumn) {
  534. _tools.UtilTools.warn('vxe.error.colRepet', ['tree-node', treeNode]);
  535. }
  536. if (!treeNodeColumn) {
  537. treeNodeColumn = column;
  538. }
  539. } else if (type === 'expand') {
  540. if (expandColumn) {
  541. _tools.UtilTools.warn('vxe.error.colRepet', ['type', type]);
  542. }
  543. if (!expandColumn) {
  544. expandColumn = column;
  545. }
  546. }
  547. if (type === 'checkbox') {
  548. if (checkboxColumn) {
  549. _tools.UtilTools.warn('vxe.error.colRepet', ['type', type]);
  550. }
  551. if (!checkboxColumn) {
  552. checkboxColumn = column;
  553. }
  554. } else if (type === 'radio') {
  555. if (radioColumn) {
  556. _tools.UtilTools.warn('vxe.error.colRepet', ['type', type]);
  557. }
  558. if (!radioColumn) {
  559. radioColumn = column;
  560. }
  561. }
  562. if (fullColumnIdData[colid]) {
  563. _tools.UtilTools.error('vxe.error.colRepet', ['colId', colid]);
  564. }
  565. fullColumnIdData[colid] = rest;
  566. fullColumnMap.set(column, rest);
  567. };
  568. fullColumnMap.clear();
  569. if (isGroup) {
  570. _ctor.default.eachTree(collectColumn, function (column, index, items, path, parent, nodes) {
  571. column.level = nodes.length;
  572. handleFunc(column, index, items, path, parent);
  573. });
  574. } else {
  575. tableFullColumn.forEach(handleFunc);
  576. }
  577. if (expandColumn && hasFixed) {
  578. _tools.UtilTools.warn('vxe.error.errConflicts', ['column.fixed', 'column.type=expand']);
  579. }
  580. if (expandColumn && this.mouseOpts.area) {
  581. _tools.UtilTools.error('vxe.error.errConflicts', ['mouse-config.area', 'column.type=expand']);
  582. }
  583. this.treeNodeColumn = treeNodeColumn;
  584. this.expandColumn = expandColumn;
  585. },
  586. /**
  587. * 根据 tr 元素获取对应的 row 信息
  588. * @param {Element} tr 元素
  589. */
  590. getRowNode: function getRowNode(tr) {
  591. if (tr) {
  592. var fullAllDataRowIdData = this.fullAllDataRowIdData;
  593. var rowid = tr.getAttribute('data-rowid');
  594. var rest = fullAllDataRowIdData[rowid];
  595. if (rest) {
  596. return {
  597. rowid: rest.rowid,
  598. item: rest.row,
  599. index: rest.index,
  600. items: rest.items,
  601. parent: rest.parent
  602. };
  603. }
  604. }
  605. return null;
  606. },
  607. /**
  608. * 根据 th/td 元素获取对应的 column 信息
  609. * @param {Element} cell 元素
  610. */
  611. getColumnNode: function getColumnNode(cell) {
  612. if (cell) {
  613. var fullColumnIdData = this.fullColumnIdData;
  614. var colid = cell.getAttribute('data-colid');
  615. var rest = fullColumnIdData[colid];
  616. if (rest) {
  617. return {
  618. colid: rest.colid,
  619. item: rest.column,
  620. index: rest.index,
  621. items: rest.items,
  622. parent: rest.parent
  623. };
  624. }
  625. }
  626. return null;
  627. },
  628. /**
  629. * 根据 row 获取相对于 data 中的索引
  630. * @param {Row} row 行对象
  631. */
  632. getRowIndex: function getRowIndex(row) {
  633. return this.fullDataRowMap.has(row) ? this.fullDataRowMap.get(row).index : -1;
  634. },
  635. /**
  636. * 根据 row 获取相对于当前数据中的索引
  637. * @param {Row} row 行对象
  638. */
  639. getVTRowIndex: function getVTRowIndex(row) {
  640. return this.afterFullData.indexOf(row);
  641. },
  642. // 在 v3 中废弃
  643. _getRowIndex: function _getRowIndex(row) {
  644. _tools.UtilTools.warn('vxe.error.delFunc', ['_getRowIndex', 'getVTRowIndex']);
  645. return this.getVTRowIndex(row);
  646. },
  647. /**
  648. * 根据 row 获取渲染中的虚拟索引
  649. * @param {Row} row 行对象
  650. */
  651. getVMRowIndex: function getVMRowIndex(row) {
  652. return this.tableData.indexOf(row);
  653. },
  654. // 在 v3 中废弃
  655. $getRowIndex: function $getRowIndex(row) {
  656. _tools.UtilTools.warn('vxe.error.delFunc', ['$getRowIndex', 'getVMRowIndex']);
  657. return this.getVMRowIndex(row);
  658. },
  659. /**
  660. * 根据 column 获取相对于 columns 中的索引
  661. * @param {ColumnInfo} column 列配置
  662. */
  663. getColumnIndex: function getColumnIndex(column) {
  664. return this.fullColumnMap.has(column) ? this.fullColumnMap.get(column).index : -1;
  665. },
  666. /**
  667. * 根据 column 获取相对于当前表格列中的索引
  668. * @param {ColumnInfo} column 列配置
  669. */
  670. getVTColumnIndex: function getVTColumnIndex(column) {
  671. return this.visibleColumn.indexOf(column);
  672. },
  673. // 在 v3 中废弃
  674. _getColumnIndex: function _getColumnIndex(column) {
  675. _tools.UtilTools.warn('vxe.error.delFunc', ['_getColumnIndex', 'getVTColumnIndex']);
  676. return this.getVTColumnIndex(column);
  677. },
  678. /**
  679. * 根据 column 获取渲染中的虚拟索引
  680. * @param {ColumnInfo} column 列配置
  681. */
  682. getVMColumnIndex: function getVMColumnIndex(column) {
  683. return this.tableColumn.indexOf(column);
  684. },
  685. // 在 v3 中废弃
  686. $getColumnIndex: function $getColumnIndex(column) {
  687. _tools.UtilTools.warn('vxe.error.delFunc', ['$getColumnIndex', 'getVMColumnIndex']);
  688. return this.getVMColumnIndex(column);
  689. },
  690. /**
  691. * 判断是否为索引列
  692. * @param {ColumnInfo} column 列配置
  693. */
  694. isSeqColumn: function isSeqColumn(column) {
  695. return column && (column.type === 'seq' || column.type === 'index');
  696. },
  697. /**
  698. * 定义行数据中的列属性,如果不存在则定义
  699. * @param {Row} record 行数据
  700. */
  701. defineField: function defineField(record) {
  702. var radioOpts = this.radioOpts,
  703. checkboxOpts = this.checkboxOpts,
  704. treeConfig = this.treeConfig,
  705. treeOpts = this.treeOpts,
  706. expandOpts = this.expandOpts;
  707. var rowkey = getRowkey(this);
  708. this.visibleColumn.forEach(function (_ref) {
  709. var property = _ref.property,
  710. editRender = _ref.editRender;
  711. if (property && !_ctor.default.has(record, property)) {
  712. _ctor.default.set(record, property, editRender && !_ctor.default.isUndefined(editRender.defaultValue) ? editRender.defaultValue : null);
  713. }
  714. });
  715. var ohterFields = [radioOpts.labelField, checkboxOpts.checkField, checkboxOpts.labelField, expandOpts.labelField];
  716. ohterFields.forEach(function (key) {
  717. if (key && _tools.UtilTools.eqEmptyValue(_ctor.default.get(record, key))) {
  718. _ctor.default.set(record, key, null);
  719. }
  720. });
  721. if (treeConfig && treeOpts.lazy && _ctor.default.isUndefined(record[treeOpts.children])) {
  722. record[treeOpts.children] = null;
  723. } // 必须有行数据的唯一主键,可以自行设置;也可以默认生成一个随机数
  724. if (_tools.UtilTools.eqEmptyValue(_ctor.default.get(record, rowkey))) {
  725. _ctor.default.set(record, rowkey, getRowUniqueId());
  726. }
  727. return record;
  728. },
  729. /**
  730. * 创建 data 对象
  731. * 对于某些特殊场景可能会用到,会自动对数据的字段名进行检测,如果不存在就自动定义
  732. * @param {Array} records 新数据
  733. */
  734. createData: function createData(records) {
  735. var _this8 = this;
  736. var treeConfig = this.treeConfig,
  737. treeOpts = this.treeOpts;
  738. var handleRrecord = function handleRrecord(record) {
  739. return _this8.defineField(Object.assign({}, record));
  740. };
  741. var rows = treeConfig ? _ctor.default.mapTree(records, handleRrecord, treeOpts) : records.map(handleRrecord);
  742. return this.$nextTick().then(function () {
  743. return rows;
  744. });
  745. },
  746. /**
  747. * 创建 Row|Rows 对象
  748. * 对于某些特殊场景需要对数据进行手动插入时可能会用到
  749. * @param {Array/Object} records 新数据
  750. */
  751. createRow: function createRow(records) {
  752. var _this9 = this;
  753. var isArr = _ctor.default.isArray(records);
  754. if (!isArr) {
  755. records = [records];
  756. }
  757. return this.$nextTick().then(function () {
  758. return _this9.createData(records).then(function (rows) {
  759. return isArr ? rows : rows[0];
  760. });
  761. });
  762. },
  763. revert: function revert() {
  764. _tools.UtilTools.warn('vxe.error.delFunc', ['revert', 'revertData']);
  765. return this.revertData.apply(this, arguments);
  766. },
  767. /**
  768. * 还原数据
  769. * 如果不传任何参数,则还原整个表格
  770. * 如果传 row 则还原一行
  771. * 如果传 rows 则还原多行
  772. * 如果还额外传了 field 则还原指定的单元格数据
  773. */
  774. revertData: function revertData(rows, field) {
  775. var _this10 = this;
  776. var tableSourceData = this.tableSourceData,
  777. treeConfig = this.treeConfig; // 在 v3 中必须要开启 keep-source
  778. if (!this.keepSource) {
  779. _tools.UtilTools.warn('vxe.error.reqProp', ['keep-source']);
  780. return this.$nextTick();
  781. }
  782. var targetRows = rows;
  783. if (rows) {
  784. if (!_ctor.default.isArray(rows)) {
  785. targetRows = [rows];
  786. }
  787. } else {
  788. targetRows = _ctor.default.toArray(this.getUpdateRecords());
  789. }
  790. if (targetRows.length) {
  791. targetRows.forEach(function (row) {
  792. if (!_this10.isInsertByRow(row)) {
  793. var rowIndex = _this10.getRowIndex(row);
  794. if (treeConfig && rowIndex === -1) {
  795. throw new Error(_tools.UtilTools.getLog('vxe.error.noTree', ['revertData']));
  796. }
  797. var oRow = tableSourceData[rowIndex];
  798. if (oRow && row) {
  799. if (field) {
  800. _ctor.default.set(row, field, _ctor.default.clone(_ctor.default.get(oRow, field), true));
  801. } else {
  802. _ctor.default.destructuring(row, _ctor.default.clone(oRow, true));
  803. }
  804. }
  805. }
  806. });
  807. }
  808. if (rows) {
  809. return this.$nextTick();
  810. }
  811. return this.reloadData(tableSourceData);
  812. },
  813. /**
  814. * 清空单元格内容
  815. * 如果不创参数,则清空整个表格内容
  816. * 如果传 row 则清空一行内容
  817. * 如果传 rows 则清空多行内容
  818. * 如果还额外传了 field 则清空指定单元格内容
  819. * @param {Array/Row} rows 行数据
  820. * @param {String} field 字段名
  821. */
  822. clearData: function clearData(rows, field) {
  823. var tableFullData = this.tableFullData,
  824. visibleColumn = this.visibleColumn;
  825. if (!arguments.length) {
  826. rows = tableFullData;
  827. } else if (rows && !_ctor.default.isArray(rows)) {
  828. rows = [rows];
  829. }
  830. if (field) {
  831. rows.forEach(function (row) {
  832. return _ctor.default.set(row, field, null);
  833. });
  834. } else {
  835. rows.forEach(function (row) {
  836. visibleColumn.forEach(function (column) {
  837. if (column.property) {
  838. setCellValue(row, column, null);
  839. }
  840. });
  841. });
  842. }
  843. return this.$nextTick();
  844. },
  845. /**
  846. * 检查是否为临时行数据
  847. * @param {Row} row 行对象
  848. */
  849. isInsertByRow: function isInsertByRow(row) {
  850. return this.editStore.insertList.indexOf(row) > -1;
  851. },
  852. // 在 v3.0 中废弃 hasRowChange
  853. hasRowChange: function hasRowChange(row, field) {
  854. _tools.UtilTools.warn('vxe.error.delFunc', ['hasRowChange', 'isUpdateByRow']);
  855. return this.isUpdateByRow(row, field);
  856. },
  857. /**
  858. * 检查行或列数据是否发生改变
  859. * @param {Row} row 行对象
  860. * @param {String} field 字段名
  861. */
  862. isUpdateByRow: function isUpdateByRow(row, field) {
  863. var _this11 = this;
  864. var visibleColumn = this.visibleColumn,
  865. keepSource = this.keepSource,
  866. treeConfig = this.treeConfig,
  867. treeOpts = this.treeOpts,
  868. tableSourceData = this.tableSourceData,
  869. fullDataRowIdData = this.fullDataRowIdData;
  870. if (keepSource) {
  871. var oRow, property;
  872. var rowid = getRowid(this, row); // 新增的数据不需要检测
  873. if (!fullDataRowIdData[rowid]) {
  874. return false;
  875. }
  876. if (treeConfig) {
  877. var children = treeOpts.children;
  878. var matchObj = _ctor.default.findTree(tableSourceData, function (item) {
  879. return rowid === getRowid(_this11, item);
  880. }, treeOpts);
  881. row = Object.assign({}, row, _defineProperty({}, children, null));
  882. if (matchObj) {
  883. oRow = Object.assign({}, matchObj.item, _defineProperty({}, children, null));
  884. }
  885. } else {
  886. var oRowIndex = fullDataRowIdData[rowid].index;
  887. oRow = tableSourceData[oRowIndex];
  888. }
  889. if (oRow) {
  890. if (arguments.length > 1) {
  891. return !eqCellValue(oRow, row, field);
  892. }
  893. for (var index = 0, len = visibleColumn.length; index < len; index++) {
  894. property = visibleColumn[index].property;
  895. if (property && !eqCellValue(oRow, row, property)) {
  896. return true;
  897. }
  898. }
  899. }
  900. }
  901. return false;
  902. },
  903. /**
  904. * 获取表格的可视列,也可以指定索引获取列
  905. * @param {Number} columnIndex 索引
  906. */
  907. getColumns: function getColumns(columnIndex) {
  908. var columns = this.visibleColumn;
  909. return arguments.length ? columns[columnIndex] : columns.slice(0);
  910. },
  911. /**
  912. * 根据列的唯一主键获取列
  913. * @param {String} colid 列主键
  914. */
  915. getColumnById: function getColumnById(colid) {
  916. var fullColumnIdData = this.fullColumnIdData;
  917. return fullColumnIdData[colid] ? fullColumnIdData[colid].column : null;
  918. },
  919. /**
  920. * 根据列的字段名获取列
  921. * @param {String} field 字段名
  922. */
  923. getColumnByField: function getColumnByField(field) {
  924. var fullColumnFieldData = this.fullColumnFieldData;
  925. return fullColumnFieldData[field] ? fullColumnFieldData[field].column : null;
  926. },
  927. /**
  928. * 获取当前表格的列
  929. * 收集到的全量列、全量表头列、处理条件之后的全量表头列、当前渲染中的表头列
  930. */
  931. getTableColumn: function getTableColumn() {
  932. return {
  933. collectColumn: this.collectColumn.slice(0),
  934. fullColumn: this.tableFullColumn.slice(0),
  935. visibleColumn: this.visibleColumn.slice(0),
  936. tableColumn: this.tableColumn.slice(0)
  937. };
  938. },
  939. // 在 v3.0 中废弃 getRecords
  940. getRecords: function getRecords() {
  941. _tools.UtilTools.warn('vxe.error.delFunc', ['getRecords', 'getData']);
  942. return this.getData.apply(this, arguments);
  943. },
  944. /**
  945. * 获取数据,和 data 的行为一致,也可以指定索引获取数据
  946. */
  947. getData: function getData(rowIndex) {
  948. var tableSynchData = this.data || this.tableSynchData;
  949. return arguments.length ? tableSynchData[rowIndex] : tableSynchData.slice(0);
  950. },
  951. // 在 v3.0 中废弃 getAllRecords
  952. getAllRecords: function getAllRecords() {
  953. _tools.UtilTools.warn('vxe.error.delFunc', ['getAllRecords', 'getRecordset']);
  954. return this.getRecordset();
  955. },
  956. // 在 v3.0 中废弃 getSelectRecords
  957. getSelectRecords: function getSelectRecords() {
  958. _tools.UtilTools.warn('vxe.error.delFunc', ['getSelectRecords', 'getCheckboxRecords']);
  959. return this.getCheckboxRecords();
  960. },
  961. /**
  962. * 用于多选行,获取已选中的数据
  963. */
  964. getCheckboxRecords: function getCheckboxRecords() {
  965. var tableFullData = this.tableFullData,
  966. treeConfig = this.treeConfig,
  967. treeOpts = this.treeOpts,
  968. checkboxOpts = this.checkboxOpts;
  969. var property = checkboxOpts.checkField;
  970. var rowList = [];
  971. if (property) {
  972. if (treeConfig) {
  973. rowList = _ctor.default.filterTree(tableFullData, function (row) {
  974. return _ctor.default.get(row, property);
  975. }, treeOpts);
  976. } else {
  977. rowList = tableFullData.filter(function (row) {
  978. return _ctor.default.get(row, property);
  979. });
  980. }
  981. } else {
  982. var selection = this.selection;
  983. if (treeConfig) {
  984. rowList = _ctor.default.filterTree(tableFullData, function (row) {
  985. return selection.indexOf(row) > -1;
  986. }, treeOpts);
  987. } else {
  988. rowList = tableFullData.filter(function (row) {
  989. return selection.indexOf(row) > -1;
  990. });
  991. }
  992. }
  993. return rowList;
  994. },
  995. /**
  996. * 获取处理后全量的表格数据
  997. * 如果存在筛选条件,继续处理
  998. */
  999. updateAfterFullData: function updateAfterFullData() {
  1000. var _this12 = this;
  1001. var tableFullColumn = this.tableFullColumn,
  1002. tableFullData = this.tableFullData,
  1003. remoteSort = this.remoteSort,
  1004. remoteFilter = this.remoteFilter,
  1005. filterOpts = this.filterOpts,
  1006. sortOpts = this.sortOpts;
  1007. var tableData = tableFullData.slice(0);
  1008. var column = _ctor.default.find(tableFullColumn, function (column) {
  1009. return column.order;
  1010. });
  1011. var filterColumns = [];
  1012. var orderColumns = [];
  1013. tableFullColumn.forEach(function (column) {
  1014. if (column.filters && column.filters.length) {
  1015. var valueList = [];
  1016. var itemList = [];
  1017. column.filters.forEach(function (item) {
  1018. if (item.checked) {
  1019. itemList.push(item);
  1020. valueList.push(item.value);
  1021. }
  1022. });
  1023. filterColumns.push({
  1024. column: column,
  1025. valueList: valueList,
  1026. itemList: itemList
  1027. });
  1028. }
  1029. if (column.sortable && column.order) {
  1030. orderColumns.push({
  1031. column: column,
  1032. sortBy: column.sortBy,
  1033. property: column.property,
  1034. order: column.order
  1035. });
  1036. }
  1037. });
  1038. if (filterColumns.length) {
  1039. tableData = tableData.filter(function (row) {
  1040. return filterColumns.every(function (_ref2) {
  1041. var column = _ref2.column,
  1042. valueList = _ref2.valueList,
  1043. itemList = _ref2.itemList;
  1044. if (valueList.length && !(filterOpts.remote || remoteFilter)) {
  1045. var filterRender = column.filterRender,
  1046. property = column.property;
  1047. var filterMethod = column.filterMethod;
  1048. var allFilterMethod = filterOpts.filterMethod;
  1049. var compConf = filterRender ? _vXETable.default.renderer.get(filterRender.name) : null;
  1050. var compFilterMethod = compConf && compConf.renderFilter ? compConf.filterMethod : null;
  1051. var defaultFilterMethod = compConf ? compConf.defaultFilterMethod : null;
  1052. var cellValue = _tools.UtilTools.getCellValue(row, column);
  1053. if (filterMethod) {
  1054. return itemList.some(function (item) {
  1055. return filterMethod({
  1056. value: item.value,
  1057. option: item,
  1058. cellValue: cellValue,
  1059. row: row,
  1060. column: column,
  1061. $table: _this12
  1062. });
  1063. });
  1064. } else if (compFilterMethod) {
  1065. return itemList.some(function (item) {
  1066. return compFilterMethod({
  1067. value: item.value,
  1068. option: item,
  1069. cellValue: cellValue,
  1070. row: row,
  1071. column: column,
  1072. $table: _this12
  1073. });
  1074. });
  1075. } else if (allFilterMethod) {
  1076. return allFilterMethod({
  1077. options: itemList,
  1078. values: valueList,
  1079. cellValue: cellValue,
  1080. row: row,
  1081. column: column
  1082. });
  1083. } else if (defaultFilterMethod) {
  1084. return itemList.some(function (item) {
  1085. return defaultFilterMethod({
  1086. value: item.value,
  1087. option: item,
  1088. cellValue: cellValue,
  1089. row: row,
  1090. column: column,
  1091. $table: _this12
  1092. });
  1093. });
  1094. }
  1095. return valueList.indexOf(_ctor.default.get(row, property)) > -1;
  1096. }
  1097. return true;
  1098. });
  1099. });
  1100. }
  1101. if (column && column.order) {
  1102. var allSortMethod = sortOpts.sortMethod || this.sortMethod;
  1103. var isRemote = _ctor.default.isBoolean(column.remoteSort) ? column.remoteSort : sortOpts.remote || remoteSort;
  1104. if (!isRemote) {
  1105. if (allSortMethod) {
  1106. tableData = allSortMethod({
  1107. data: tableData,
  1108. column: column,
  1109. property: column.property,
  1110. order: column.order,
  1111. sortList: orderColumns,
  1112. $table: this
  1113. }) || tableData;
  1114. } else {
  1115. var rest = column.sortMethod ? tableData.sort(column.sortMethod) : _ctor.default.orderBy(tableData, getOrderField(this, column));
  1116. tableData = column.order === 'desc' ? rest.reverse() : rest;
  1117. }
  1118. }
  1119. }
  1120. this.afterFullData = tableData;
  1121. return tableData;
  1122. },
  1123. /**
  1124. * 根据行的唯一主键获取行
  1125. * @param {String/Number} rowid 行主键
  1126. */
  1127. getRowById: function getRowById(rowid) {
  1128. var fullDataRowIdData = this.fullDataRowIdData;
  1129. return fullDataRowIdData[rowid] ? fullDataRowIdData[rowid].row : null;
  1130. },
  1131. /**
  1132. * 根据行获取行的唯一主键
  1133. * @param {Row} row 行对象
  1134. */
  1135. getRowid: function getRowid(row) {
  1136. var fullAllDataRowMap = this.fullAllDataRowMap;
  1137. return fullAllDataRowMap.has(row) ? fullAllDataRowMap.get(row).rowid : null;
  1138. },
  1139. /**
  1140. * 获取处理后的表格数据
  1141. * 如果存在筛选条件,继续处理
  1142. * 如果存在排序,继续处理
  1143. */
  1144. getTableData: function getTableData() {
  1145. var tableFullData = this.tableFullData,
  1146. afterFullData = this.afterFullData,
  1147. tableData = this.tableData,
  1148. footerTableData = this.footerTableData;
  1149. return {
  1150. fullData: tableFullData.slice(0),
  1151. visibleData: afterFullData.slice(0),
  1152. tableData: tableData.slice(0),
  1153. footerData: footerTableData.slice(0)
  1154. };
  1155. },
  1156. /**
  1157. * 默认行为只允许执行一次
  1158. */
  1159. handleDefaults: function handleDefaults() {
  1160. var _this13 = this;
  1161. // 在 v3.0 中废弃 selectConfig
  1162. var checkboxConfig = this.checkboxConfig || this.selectConfig;
  1163. if (checkboxConfig) {
  1164. this.handleDefaultSelectionChecked();
  1165. }
  1166. if (this.radioConfig) {
  1167. this.handleDefaultRadioChecked();
  1168. }
  1169. if (this.sortConfig) {
  1170. this.handleDefaultSort();
  1171. }
  1172. if (this.expandConfig) {
  1173. this.handleDefaultRowExpand();
  1174. }
  1175. if (this.treeConfig) {
  1176. this.handleDefaultTreeExpand();
  1177. }
  1178. if (this.mergeCells) {
  1179. this.handleDefaultMergeCells();
  1180. }
  1181. if (this.mergeFooterItems) {
  1182. this.handleDefaultMergeFooterItems();
  1183. }
  1184. this.$nextTick(function () {
  1185. return setTimeout(_this13.recalculate);
  1186. });
  1187. },
  1188. /**
  1189. * 动态列处理
  1190. */
  1191. mergeCustomColumn: function mergeCustomColumn(customColumns) {
  1192. var tableFullColumn = this.tableFullColumn;
  1193. this.isUpdateCustoms = true;
  1194. if (customColumns.length) {
  1195. tableFullColumn.forEach(function (column) {
  1196. // 在 v3.0 中废弃 prop
  1197. var item = _ctor.default.find(customColumns, function (item) {
  1198. return column.property && (item.field || item.prop) === column.property;
  1199. });
  1200. if (item) {
  1201. if (_ctor.default.isNumber(item.resizeWidth)) {
  1202. column.resizeWidth = item.resizeWidth;
  1203. }
  1204. if (_ctor.default.isBoolean(item.visible)) {
  1205. column.visible = item.visible;
  1206. }
  1207. }
  1208. });
  1209. }
  1210. this.emitEvent('update:customs', tableFullColumn);
  1211. },
  1212. /**
  1213. * 手动重置列的所有操作,还原到初始状态
  1214. * 如果已关联工具栏,则会同步更新
  1215. */
  1216. resetAll: function resetAll() {
  1217. _tools.UtilTools.warn('vxe.error.delFunc', ['resetAll', 'resetColumn']);
  1218. this.resetColumn(true);
  1219. },
  1220. /**
  1221. * 隐藏指定列
  1222. * @param {ColumnInfo} column 列配置
  1223. */
  1224. hideColumn: function hideColumn(column) {
  1225. column.visible = false;
  1226. return this.handleCustom();
  1227. },
  1228. /**
  1229. * 显示指定列
  1230. * @param {ColumnInfo} column 列配置
  1231. */
  1232. showColumn: function showColumn(column) {
  1233. column.visible = true;
  1234. return this.handleCustom();
  1235. },
  1236. /**
  1237. * 手动重置列的显示隐藏、列宽拖动的状态;
  1238. * 如果为 true 则重置所有状态
  1239. * 如果已关联工具栏,则会同步更新
  1240. */
  1241. resetColumn: function resetColumn(options) {
  1242. var customOpts = this.customOpts;
  1243. var checkMethod = customOpts.checkMethod;
  1244. var opts = Object.assign({
  1245. visible: true,
  1246. resizable: options === true
  1247. }, options);
  1248. this.tableFullColumn.forEach(function (column) {
  1249. if (opts.resizable) {
  1250. column.resizeWidth = 0;
  1251. }
  1252. if (!checkMethod || checkMethod({
  1253. column: column
  1254. })) {
  1255. column.visible = column.defaultVisible;
  1256. }
  1257. });
  1258. if (opts.resizable) {
  1259. this.saveCustomResizable(true);
  1260. }
  1261. return this.handleCustom();
  1262. },
  1263. handleCustom: function handleCustom() {
  1264. this.saveCustomVisible();
  1265. this.analyColumnWidth();
  1266. return this.refreshColumn();
  1267. },
  1268. resetResizable: function resetResizable() {
  1269. _tools.UtilTools.warn('vxe.error.delFunc', ['resetResizable', 'resetColumn']);
  1270. return this.resetColumn();
  1271. },
  1272. /**
  1273. * 已废弃的方法
  1274. */
  1275. reloadCustoms: function reloadCustoms(customColumns) {
  1276. var _this14 = this;
  1277. _tools.UtilTools.warn('vxe.error.delFunc', ['reloadCustoms', 'column.visible & refreshColumn']);
  1278. return this.$nextTick().then(function () {
  1279. _this14.mergeCustomColumn(customColumns);
  1280. return _this14.refreshColumn().then(function () {
  1281. return _this14.tableFullColumn;
  1282. });
  1283. });
  1284. },
  1285. /**
  1286. * 还原自定义列操作状态
  1287. */
  1288. restoreCustomStorage: function restoreCustomStorage() {
  1289. var $toolbar = this.$toolbar,
  1290. collectColumn = this.collectColumn,
  1291. customConfig = this.customConfig,
  1292. customOpts = this.customOpts;
  1293. var storage = customOpts.storage;
  1294. var isAllStorage = customOpts.storage === true;
  1295. var isResizable = isAllStorage || storage && storage.resizable || $toolbar && $toolbar.resizableOpts.storage;
  1296. var isVisible = isAllStorage || storage && storage.visible || $toolbar && $toolbar.customOpts.storage; // 在 v3.0 中废弃 $toolbar 方式
  1297. if ((customConfig || $toolbar) && (isResizable || isVisible)) {
  1298. // 在 v3.0 中废弃 toolbar.id
  1299. var id = customConfig ? this.id : $toolbar ? $toolbar.id : null;
  1300. var customMap = {};
  1301. if (!id) {
  1302. _tools.UtilTools.error('vxe.error.reqProp', ['id']);
  1303. return;
  1304. }
  1305. if (isResizable) {
  1306. var columnWidthStorage = getCustomStorageMap(resizableStorageKey)[id];
  1307. if (columnWidthStorage) {
  1308. _ctor.default.each(columnWidthStorage, function (resizeWidth, field) {
  1309. customMap[field] = {
  1310. field: field,
  1311. resizeWidth: resizeWidth
  1312. };
  1313. });
  1314. }
  1315. }
  1316. if (isVisible) {
  1317. var columnVisibleStorage = getCustomStorageMap(visibleStorageKey)[id];
  1318. if (columnVisibleStorage) {
  1319. var colVisibles = columnVisibleStorage.split('|');
  1320. var colHides = colVisibles[0] ? colVisibles[0].split(',') : [];
  1321. var colShows = colVisibles[1] ? colVisibles[1].split(',') : [];
  1322. colHides.forEach(function (field) {
  1323. if (customMap[field]) {
  1324. customMap[field].visible = false;
  1325. } else {
  1326. customMap[field] = {
  1327. field: field,
  1328. visible: false
  1329. };
  1330. }
  1331. });
  1332. colShows.forEach(function (field) {
  1333. if (customMap[field]) {
  1334. customMap[field].visible = true;
  1335. } else {
  1336. customMap[field] = {
  1337. field: field,
  1338. visible: true
  1339. };
  1340. }
  1341. });
  1342. }
  1343. }
  1344. var keyMap = {};
  1345. _ctor.default.eachTree(collectColumn, function (column) {
  1346. var colKey = column.getKey();
  1347. if (colKey) {
  1348. keyMap[colKey] = column;
  1349. }
  1350. });
  1351. _ctor.default.each(customMap, function (_ref3, field) {
  1352. var visible = _ref3.visible,
  1353. resizeWidth = _ref3.resizeWidth;
  1354. var column = keyMap[field];
  1355. if (column) {
  1356. if (_ctor.default.isNumber(resizeWidth)) {
  1357. column.resizeWidth = resizeWidth;
  1358. }
  1359. if (_ctor.default.isBoolean(visible)) {
  1360. column.visible = visible;
  1361. }
  1362. }
  1363. });
  1364. }
  1365. },
  1366. saveCustomVisible: function saveCustomVisible() {
  1367. var $toolbar = this.$toolbar,
  1368. collectColumn = this.collectColumn,
  1369. customConfig = this.customConfig,
  1370. customOpts = this.customOpts;
  1371. var checkMethod = customOpts.checkMethod,
  1372. storage = customOpts.storage;
  1373. var isAllStorage = customOpts.storage === true;
  1374. var isVisible = isAllStorage || storage && storage.visible || $toolbar && $toolbar.customOpts.storage; // 在 v3.0 中废弃 $toolbar 方式
  1375. if ((customConfig || $toolbar) && isVisible) {
  1376. // 在 v3.0 中废弃 toolbar.id
  1377. var id = customConfig ? this.id : $toolbar ? $toolbar.id : null;
  1378. var columnVisibleStorageMap = getCustomStorageMap(visibleStorageKey);
  1379. var colHides = [];
  1380. var colShows = [];
  1381. if (!id) {
  1382. _tools.UtilTools.error('vxe.error.reqProp', ['id']);
  1383. return;
  1384. }
  1385. _ctor.default.eachTree(collectColumn, function (column) {
  1386. if (!checkMethod || checkMethod({
  1387. column: column
  1388. })) {
  1389. if (!column.visible && column.defaultVisible) {
  1390. var colKey = column.getKey();
  1391. if (colKey) {
  1392. colHides.push(colKey);
  1393. }
  1394. } else if (column.visible && !column.defaultVisible) {
  1395. var _colKey = column.getKey();
  1396. if (_colKey) {
  1397. colShows.push(_colKey);
  1398. }
  1399. }
  1400. }
  1401. });
  1402. columnVisibleStorageMap[id] = [colHides.join(',')].concat(colShows.length ? [colShows.join(',')] : []).join('|') || undefined;
  1403. localStorage.setItem(visibleStorageKey, _ctor.default.toJSONString(columnVisibleStorageMap));
  1404. }
  1405. },
  1406. saveCustomResizable: function saveCustomResizable(isReset) {
  1407. var $toolbar = this.$toolbar,
  1408. collectColumn = this.collectColumn,
  1409. customConfig = this.customConfig,
  1410. customOpts = this.customOpts;
  1411. var storage = customOpts.storage;
  1412. var isAllStorage = customOpts.storage === true;
  1413. var isResizable = isAllStorage || storage && storage.resizable || $toolbar && $toolbar.resizableOpts.storage; // 在 v3.0 中废弃 $toolbar 方式
  1414. if ((customConfig || $toolbar) && isResizable) {
  1415. // 在 v3.0 中废弃 toolbar.id
  1416. var id = customConfig ? this.id : $toolbar ? $toolbar.id : null;
  1417. var columnWidthStorageMap = getCustomStorageMap(resizableStorageKey);
  1418. var columnWidthStorage;
  1419. if (!id) {
  1420. _tools.UtilTools.error('vxe.error.reqProp', ['id']);
  1421. return;
  1422. }
  1423. if (!isReset) {
  1424. columnWidthStorage = _ctor.default.isPlainObject(columnWidthStorageMap[id]) ? columnWidthStorageMap[id] : {};
  1425. _ctor.default.eachTree(collectColumn, function (column) {
  1426. if (column.resizeWidth) {
  1427. var colKey = column.getKey();
  1428. if (colKey) {
  1429. columnWidthStorage[colKey] = column.renderWidth;
  1430. }
  1431. }
  1432. });
  1433. }
  1434. columnWidthStorageMap[id] = _ctor.default.isEmpty(columnWidthStorage) ? undefined : columnWidthStorage;
  1435. localStorage.setItem(resizableStorageKey, _ctor.default.toJSONString(columnWidthStorageMap));
  1436. }
  1437. },
  1438. /**
  1439. * 刷新列信息
  1440. * 将固定的列左边、右边分别靠边
  1441. */
  1442. refreshColumn: function refreshColumn() {
  1443. var _this15 = this;
  1444. var leftList = [];
  1445. var centerList = [];
  1446. var rightList = [];
  1447. var collectColumn = this.collectColumn,
  1448. tableFullColumn = this.tableFullColumn,
  1449. isGroup = this.isGroup,
  1450. columnStore = this.columnStore,
  1451. sXOpts = this.sXOpts,
  1452. scrollXStore = this.scrollXStore; // 如果是分组表头,如果子列全部被隐藏,则根列也隐藏
  1453. if (isGroup) {
  1454. var leftGroupList = [];
  1455. var centerGroupList = [];
  1456. var rightGroupList = [];
  1457. _ctor.default.eachTree(collectColumn, function (column, index, items, path, parent) {
  1458. var isColGroup = hasChildrenList(column); // 如果是分组,必须按组设置固定列,不允许给子列设置固定
  1459. if (parent && parent.fixed) {
  1460. column.fixed = parent.fixed;
  1461. }
  1462. if (parent && column.fixed !== parent.fixed) {
  1463. _tools.UtilTools.error('vxe.error.groupFixed');
  1464. }
  1465. if (isColGroup) {
  1466. column.visible = !!_ctor.default.findTree(column.children, function (subColumn) {
  1467. return hasChildrenList(subColumn) ? null : subColumn.visible;
  1468. });
  1469. } else if (column.visible) {
  1470. if (column.fixed === 'left') {
  1471. leftList.push(column);
  1472. } else if (column.fixed === 'right') {
  1473. rightList.push(column);
  1474. } else {
  1475. centerList.push(column);
  1476. }
  1477. }
  1478. });
  1479. collectColumn.forEach(function (column) {
  1480. if (column.visible) {
  1481. if (column.fixed === 'left') {
  1482. leftGroupList.push(column);
  1483. } else if (column.fixed === 'right') {
  1484. rightGroupList.push(column);
  1485. } else {
  1486. centerGroupList.push(column);
  1487. }
  1488. }
  1489. });
  1490. this.tableGroupColumn = leftGroupList.concat(centerGroupList).concat(rightGroupList);
  1491. } else {
  1492. // 重新分配列
  1493. tableFullColumn.forEach(function (column) {
  1494. if (column.visible) {
  1495. if (column.fixed === 'left') {
  1496. leftList.push(column);
  1497. } else if (column.fixed === 'right') {
  1498. rightList.push(column);
  1499. } else {
  1500. centerList.push(column);
  1501. }
  1502. }
  1503. });
  1504. }
  1505. var visibleColumn = leftList.concat(centerList).concat(rightList);
  1506. var tableColumn = visibleColumn;
  1507. var scrollXLoad = sXOpts.enabled && sXOpts.gt > -1 && sXOpts.gt < tableFullColumn.length;
  1508. Object.assign(columnStore, {
  1509. leftList: leftList,
  1510. centerList: centerList,
  1511. rightList: rightList
  1512. });
  1513. if (scrollXLoad && isGroup) {
  1514. scrollXLoad = false;
  1515. _tools.UtilTools.warn('vxe.error.scrollXNotGroup');
  1516. }
  1517. if (scrollXLoad) {
  1518. if (this.showHeader && !this.showHeaderOverflow) {
  1519. _tools.UtilTools.warn('vxe.error.reqProp', ['show-header-overflow']);
  1520. }
  1521. if (this.showFooter && !this.showFooterOverflow) {
  1522. _tools.UtilTools.warn('vxe.error.reqProp', ['show-footer-overflow']);
  1523. }
  1524. if (this.spanMethod) {
  1525. _tools.UtilTools.warn('vxe.error.scrollErrProp', ['span-method']);
  1526. }
  1527. if (this.footerSpanMethod) {
  1528. _tools.UtilTools.warn('vxe.error.scrollErrProp', ['footer-span-method']);
  1529. }
  1530. Object.assign(scrollXStore, {
  1531. startIndex: 0,
  1532. visibleIndex: 0
  1533. });
  1534. tableColumn = visibleColumn.slice(scrollXStore.startIndex, scrollXStore.startIndex + scrollXStore.renderSize);
  1535. } // 如果列被显示/隐藏,则清除合并状态
  1536. // 如果列被设置为固定,则清除合并状态
  1537. if (visibleColumn.length !== this.visibleColumn.length || !this.visibleColumn.every(function (column, index) {
  1538. return column === visibleColumn[index];
  1539. })) {
  1540. this.clearMergeCells();
  1541. this.clearMergeFooterItems();
  1542. }
  1543. this.scrollXLoad = scrollXLoad;
  1544. this.tableColumn = tableColumn;
  1545. this.visibleColumn = visibleColumn;
  1546. return this.$nextTick().then(function () {
  1547. _this15.updateFooter();
  1548. return _this15.recalculate(true);
  1549. }).then(function () {
  1550. _this15.updateCellAreas();
  1551. return _this15.$nextTick().then(function () {
  1552. return _this15.recalculate();
  1553. });
  1554. });
  1555. },
  1556. /**
  1557. * 指定列宽的列进行拆分
  1558. */
  1559. analyColumnWidth: function analyColumnWidth() {
  1560. var columnWidth = this.columnWidth,
  1561. columnMinWidth = this.columnMinWidth,
  1562. columnOpts = this.columnOpts; // 在 v3.0 中废弃 columnWidth
  1563. var defaultWidth = columnOpts.width || columnWidth; // 在 v3.0 中废弃 columnMinWidth
  1564. var defaultMinWidth = columnOpts.minWidth || columnMinWidth;
  1565. var resizeList = [];
  1566. var pxList = [];
  1567. var pxMinList = [];
  1568. var scaleList = [];
  1569. var scaleMinList = [];
  1570. var autoList = [];
  1571. this.tableFullColumn.forEach(function (column) {
  1572. if (defaultWidth && !column.width) {
  1573. column.width = defaultWidth;
  1574. }
  1575. if (defaultMinWidth && !column.minWidth) {
  1576. column.minWidth = defaultMinWidth;
  1577. }
  1578. if (column.visible) {
  1579. if (column.resizeWidth) {
  1580. resizeList.push(column);
  1581. } else if (_tools.DomTools.isPx(column.width)) {
  1582. pxList.push(column);
  1583. } else if (_tools.DomTools.isScale(column.width)) {
  1584. scaleList.push(column);
  1585. } else if (_tools.DomTools.isPx(column.minWidth)) {
  1586. pxMinList.push(column);
  1587. } else if (_tools.DomTools.isScale(column.minWidth)) {
  1588. scaleMinList.push(column);
  1589. } else {
  1590. autoList.push(column);
  1591. }
  1592. }
  1593. });
  1594. Object.assign(this.columnStore, {
  1595. resizeList: resizeList,
  1596. pxList: pxList,
  1597. pxMinList: pxMinList,
  1598. scaleList: scaleList,
  1599. scaleMinList: scaleMinList,
  1600. autoList: autoList
  1601. });
  1602. },
  1603. /**
  1604. * 刷新滚动操作,手动同步滚动相关位置(对于某些特殊的操作,比如滚动条错位、固定列不同步)
  1605. */
  1606. refreshScroll: function refreshScroll() {
  1607. var _this16 = this;
  1608. var lastScrollLeft = this.lastScrollLeft,
  1609. lastScrollTop = this.lastScrollTop;
  1610. return this.clearScroll().then(function () {
  1611. if (lastScrollLeft || lastScrollTop) {
  1612. // 重置最后滚动状态
  1613. _this16.lastScrollLeft = 0;
  1614. _this16.lastScrollTop = 0; // 还原滚动状态
  1615. return _this16.scrollTo(lastScrollLeft, lastScrollTop);
  1616. }
  1617. });
  1618. },
  1619. /**
  1620. * 计算单元格列宽,动态分配可用剩余空间
  1621. * 支持 width=? width=?px width=?% min-width=? min-width=?px min-width=?%
  1622. */
  1623. recalculate: function recalculate(refull) {
  1624. var _this17 = this;
  1625. var $refs = this.$refs;
  1626. var tableBody = $refs.tableBody,
  1627. tableHeader = $refs.tableHeader,
  1628. tableFooter = $refs.tableFooter;
  1629. var bodyElem = tableBody ? tableBody.$el : null;
  1630. var headerElem = tableHeader ? tableHeader.$el : null;
  1631. var footerElem = tableFooter ? tableFooter.$el : null;
  1632. if (bodyElem) {
  1633. this.autoCellWidth(headerElem, bodyElem, footerElem);
  1634. if (refull === true) {
  1635. // 初始化时需要在列计算之后再执行优化运算,达到最优显示效果
  1636. return this.computeScrollLoad().then(function () {
  1637. _this17.autoCellWidth(headerElem, bodyElem, footerElem);
  1638. _this17.computeScrollLoad();
  1639. });
  1640. }
  1641. }
  1642. return this.computeScrollLoad();
  1643. },
  1644. /**
  1645. * 列宽算法
  1646. * 支持 px、%、固定 混合分配
  1647. * 支持动态列表调整分配
  1648. * 支持自动分配偏移量
  1649. * @param {Element} headerElem
  1650. * @param {Element} bodyElem
  1651. * @param {Element} footerElem
  1652. * @param {Number} bodyWidth
  1653. */
  1654. autoCellWidth: function autoCellWidth(headerElem, bodyElem, footerElem) {
  1655. var tableWidth = 0;
  1656. var minCellWidth = 40; // 列宽最少限制 40px
  1657. var bodyWidth = bodyElem.clientWidth;
  1658. var remainWidth = bodyWidth;
  1659. var meanWidth = remainWidth / 100;
  1660. var fit = this.fit,
  1661. columnStore = this.columnStore;
  1662. var resizeList = columnStore.resizeList,
  1663. pxMinList = columnStore.pxMinList,
  1664. pxList = columnStore.pxList,
  1665. scaleList = columnStore.scaleList,
  1666. scaleMinList = columnStore.scaleMinList,
  1667. autoList = columnStore.autoList; // 最小宽
  1668. pxMinList.forEach(function (column) {
  1669. var minWidth = parseInt(column.minWidth);
  1670. tableWidth += minWidth;
  1671. column.renderWidth = minWidth;
  1672. }); // 最小百分比
  1673. scaleMinList.forEach(function (column) {
  1674. var scaleWidth = Math.floor(parseInt(column.minWidth) * meanWidth);
  1675. tableWidth += scaleWidth;
  1676. column.renderWidth = scaleWidth;
  1677. }); // 固定百分比
  1678. scaleList.forEach(function (column) {
  1679. var scaleWidth = Math.floor(parseInt(column.width) * meanWidth);
  1680. tableWidth += scaleWidth;
  1681. column.renderWidth = scaleWidth;
  1682. }); // 固定宽
  1683. pxList.forEach(function (column) {
  1684. var width = parseInt(column.width);
  1685. tableWidth += width;
  1686. column.renderWidth = width;
  1687. }); // 调整了列宽
  1688. resizeList.forEach(function (column) {
  1689. var width = parseInt(column.resizeWidth);
  1690. tableWidth += width;
  1691. column.renderWidth = width;
  1692. });
  1693. remainWidth -= tableWidth;
  1694. meanWidth = remainWidth > 0 ? Math.floor(remainWidth / (scaleMinList.length + pxMinList.length + autoList.length)) : 0;
  1695. if (fit) {
  1696. if (remainWidth > 0) {
  1697. scaleMinList.concat(pxMinList).forEach(function (column) {
  1698. tableWidth += meanWidth;
  1699. column.renderWidth += meanWidth;
  1700. });
  1701. }
  1702. } else {
  1703. meanWidth = minCellWidth;
  1704. } // 自适应
  1705. autoList.forEach(function (column) {
  1706. var width = Math.max(meanWidth, minCellWidth);
  1707. column.renderWidth = width;
  1708. tableWidth += width;
  1709. });
  1710. if (fit) {
  1711. /**
  1712. * 偏移量算法
  1713. * 如果所有列足够放的情况下,从最后动态列开始分配
  1714. */
  1715. var dynamicList = scaleList.concat(scaleMinList).concat(pxMinList).concat(autoList);
  1716. var dynamicSize = dynamicList.length - 1;
  1717. if (dynamicSize > 0) {
  1718. var odiffer = bodyWidth - tableWidth;
  1719. if (odiffer > 0) {
  1720. while (odiffer > 0 && dynamicSize >= 0) {
  1721. odiffer--;
  1722. dynamicList[dynamicSize--].renderWidth++;
  1723. }
  1724. tableWidth = bodyWidth;
  1725. }
  1726. }
  1727. }
  1728. var tableHeight = bodyElem.offsetHeight;
  1729. var overflowY = bodyElem.scrollHeight > bodyElem.clientHeight;
  1730. this.scrollbarWidth = overflowY ? bodyElem.offsetWidth - bodyWidth : 0;
  1731. this.overflowY = overflowY;
  1732. this.tableWidth = tableWidth;
  1733. this.tableHeight = tableHeight;
  1734. if (headerElem) {
  1735. this.headerHeight = headerElem.clientHeight; // 检测是否同步滚动
  1736. if (headerElem.scrollLeft !== bodyElem.scrollLeft) {
  1737. headerElem.scrollLeft = bodyElem.scrollLeft;
  1738. }
  1739. } else {
  1740. this.headerHeight = 0;
  1741. }
  1742. if (footerElem) {
  1743. var footerHeight = footerElem.offsetHeight;
  1744. this.scrollbarHeight = Math.max(footerHeight - footerElem.clientHeight, 0);
  1745. this.overflowX = tableWidth > footerElem.clientWidth;
  1746. this.footerHeight = footerHeight;
  1747. } else {
  1748. this.footerHeight = 0;
  1749. this.scrollbarHeight = Math.max(tableHeight - bodyElem.clientHeight, 0);
  1750. this.overflowX = tableWidth > bodyWidth;
  1751. }
  1752. this.customHeight = calcHeight(this, 'height');
  1753. this.customMaxHeight = calcHeight(this, 'maxHeight');
  1754. this.parentHeight = Math.max(this.headerHeight + this.footerHeight + 20, this.getParentHeight());
  1755. if (this.overflowX) {
  1756. this.checkScrolling();
  1757. }
  1758. },
  1759. updateStyle: function updateStyle() {
  1760. var _this18 = this;
  1761. var $refs = this.$refs,
  1762. isGroup = this.isGroup,
  1763. fullColumnIdData = this.fullColumnIdData,
  1764. tableColumn = this.tableColumn,
  1765. customHeight = this.customHeight,
  1766. customMaxHeight = this.customMaxHeight,
  1767. border = this.border,
  1768. headerHeight = this.headerHeight,
  1769. showFooter = this.showFooter,
  1770. allColumnOverflow = this.showOverflow,
  1771. allColumnHeaderOverflow = this.showHeaderOverflow,
  1772. allColumnFooterOverflow = this.showFooterOverflow,
  1773. footerHeight = this.footerHeight,
  1774. tableHeight = this.tableHeight,
  1775. tableWidth = this.tableWidth,
  1776. scrollbarHeight = this.scrollbarHeight,
  1777. scrollbarWidth = this.scrollbarWidth,
  1778. scrollXLoad = this.scrollXLoad,
  1779. scrollYLoad = this.scrollYLoad,
  1780. cellOffsetWidth = this.cellOffsetWidth,
  1781. columnStore = this.columnStore,
  1782. elemStore = this.elemStore,
  1783. editStore = this.editStore,
  1784. currentRow = this.currentRow,
  1785. mouseConfig = this.mouseConfig;
  1786. var containerList = ['main', 'left', 'right'];
  1787. var emptyPlaceholderElem = $refs.emptyPlaceholder;
  1788. var bodyWrapperElem = elemStore['main-body-wrapper'];
  1789. if (emptyPlaceholderElem) {
  1790. emptyPlaceholderElem.style.top = "".concat(headerHeight, "px");
  1791. emptyPlaceholderElem.style.height = bodyWrapperElem ? "".concat(bodyWrapperElem.offsetHeight - scrollbarHeight, "px") : '';
  1792. }
  1793. if (customHeight > 0) {
  1794. if (showFooter) {
  1795. customHeight += scrollbarHeight;
  1796. }
  1797. }
  1798. containerList.forEach(function (name, index) {
  1799. var fixedType = index > 0 ? name : '';
  1800. var layoutList = ['header', 'body', 'footer'];
  1801. var fixedColumn = columnStore["".concat(fixedType, "List")];
  1802. var fixedWrapperElem = $refs["".concat(fixedType, "Container")];
  1803. layoutList.forEach(function (layout) {
  1804. var wrapperElem = elemStore["".concat(name, "-").concat(layout, "-wrapper")];
  1805. var tableElem = elemStore["".concat(name, "-").concat(layout, "-table")];
  1806. if (layout === 'header') {
  1807. // 表头体样式处理
  1808. // 横向滚动渲染
  1809. var tWidth = tableWidth;
  1810. if (scrollXLoad) {
  1811. if (fixedType) {
  1812. tableColumn = fixedColumn;
  1813. }
  1814. tWidth = tableColumn.reduce(function (previous, column) {
  1815. return previous + column.renderWidth;
  1816. }, 0);
  1817. }
  1818. if (tableElem) {
  1819. tableElem.style.width = tWidth ? "".concat(tWidth + scrollbarWidth, "px") : ''; // 修复 IE 中高度无法自适应问题
  1820. if (browse.msie) {
  1821. _ctor.default.arrayEach(tableElem.querySelectorAll('.vxe-resizable'), function (resizeElem) {
  1822. resizeElem.style.height = "".concat(resizeElem.parentNode.offsetHeight, "px");
  1823. });
  1824. }
  1825. }
  1826. var repairElem = elemStore["".concat(name, "-").concat(layout, "-repair")];
  1827. if (repairElem) {
  1828. repairElem.style.width = "".concat(tableWidth, "px");
  1829. }
  1830. var listElem = elemStore["".concat(name, "-").concat(layout, "-list")];
  1831. if (isGroup && listElem) {
  1832. // XEUtils.arrayEach(listElem.querySelectorAll(`.col--gutter`), thElem => {
  1833. // thElem.style.width = `${scrollbarWidth}px`
  1834. // })
  1835. _ctor.default.arrayEach(listElem.querySelectorAll('.col--group'), function (thElem) {
  1836. var colNode = _this18.getColumnNode(thElem);
  1837. if (colNode) {
  1838. var column = colNode.item;
  1839. var showHeaderOverflow = column.showHeaderOverflow;
  1840. var cellOverflow = _ctor.default.isBoolean(showHeaderOverflow) ? showHeaderOverflow : allColumnHeaderOverflow;
  1841. var showEllipsis = cellOverflow === 'ellipsis';
  1842. var showTitle = cellOverflow === 'title';
  1843. var showTooltip = cellOverflow === true || cellOverflow === 'tooltip';
  1844. var hasEllipsis = showTitle || showTooltip || showEllipsis;
  1845. var childWidth = 0;
  1846. var countChild = 0;
  1847. if (hasEllipsis) {
  1848. _ctor.default.eachTree(column.children, function (item) {
  1849. if (!item.children || !column.children.length) {
  1850. countChild++;
  1851. }
  1852. childWidth += item.renderWidth;
  1853. });
  1854. }
  1855. thElem.style.width = hasEllipsis ? "".concat(childWidth - countChild - (border ? 2 : 0), "px") : '';
  1856. }
  1857. });
  1858. }
  1859. } else if (layout === 'body') {
  1860. var emptyBlockElem = elemStore["".concat(name, "-").concat(layout, "-emptyBlock")];
  1861. if (wrapperElem) {
  1862. if (customMaxHeight > 0) {
  1863. wrapperElem.style.maxHeight = "".concat(fixedType ? customMaxHeight - headerHeight - (showFooter ? 0 : scrollbarHeight) : customMaxHeight - headerHeight, "px");
  1864. } else {
  1865. if (customHeight > 0) {
  1866. wrapperElem.style.height = "".concat(fixedType ? (customHeight > 0 ? customHeight - headerHeight - footerHeight : tableHeight) - (showFooter ? 0 : scrollbarHeight) : customHeight - headerHeight - footerHeight, "px");
  1867. } else {
  1868. wrapperElem.style.height = '';
  1869. }
  1870. }
  1871. } // 如果是固定列
  1872. if (fixedWrapperElem) {
  1873. var isRightFixed = fixedType === 'right';
  1874. var _fixedColumn = columnStore["".concat(fixedType, "List")];
  1875. if (wrapperElem) {
  1876. wrapperElem.style.top = "".concat(headerHeight, "px");
  1877. }
  1878. fixedWrapperElem.style.height = "".concat((customHeight > 0 ? customHeight - headerHeight - footerHeight : tableHeight) + headerHeight + footerHeight - scrollbarHeight * (showFooter ? 2 : 1), "px");
  1879. fixedWrapperElem.style.width = "".concat(_fixedColumn.reduce(function (previous, column) {
  1880. return previous + column.renderWidth;
  1881. }, isRightFixed ? scrollbarWidth : 0), "px");
  1882. }
  1883. var _tWidth = tableWidth; // 如果是固定列与设置了超出隐藏
  1884. if (fixedType && allColumnOverflow) {
  1885. tableColumn = fixedColumn;
  1886. _tWidth = tableColumn.reduce(function (previous, column) {
  1887. return previous + column.renderWidth;
  1888. }, 0);
  1889. } else if (scrollXLoad) {
  1890. if (fixedType) {
  1891. tableColumn = fixedColumn;
  1892. }
  1893. _tWidth = tableColumn.reduce(function (previous, column) {
  1894. return previous + column.renderWidth;
  1895. }, 0);
  1896. }
  1897. if (tableElem) {
  1898. tableElem.style.width = _tWidth ? "".concat(_tWidth, "px") : ''; // 兼容性处理
  1899. tableElem.style.paddingRight = scrollbarWidth && fixedType && (browse['-moz'] || browse.safari) ? "".concat(scrollbarWidth, "px") : '';
  1900. }
  1901. if (emptyBlockElem) {
  1902. emptyBlockElem.style.width = _tWidth ? "".concat(_tWidth, "px") : '';
  1903. }
  1904. } else if (layout === 'footer') {
  1905. // 如果是使用优化模式
  1906. var _tWidth2 = tableWidth;
  1907. if (fixedType && allColumnOverflow) {
  1908. tableColumn = fixedColumn;
  1909. _tWidth2 = tableColumn.reduce(function (previous, column) {
  1910. return previous + column.renderWidth;
  1911. }, 0);
  1912. } else if (scrollXLoad) {
  1913. if (fixedType) {
  1914. tableColumn = fixedColumn;
  1915. }
  1916. _tWidth2 = tableColumn.reduce(function (previous, column) {
  1917. return previous + column.renderWidth;
  1918. }, 0);
  1919. }
  1920. if (wrapperElem) {
  1921. // 如果是固定列
  1922. if (fixedWrapperElem) {
  1923. wrapperElem.style.top = "".concat(customHeight > 0 ? customHeight - footerHeight : tableHeight + headerHeight, "px");
  1924. }
  1925. wrapperElem.style.marginTop = "".concat(-scrollbarHeight, "px");
  1926. }
  1927. if (tableElem) {
  1928. tableElem.style.width = _tWidth2 ? "".concat(_tWidth2 + scrollbarWidth, "px") : '';
  1929. } // const listElem = elemStore[`${name}-${layout}-list`]
  1930. // if (listElem) {
  1931. // XEUtils.arrayEach(listElem.querySelectorAll(`.col--gutter`), thElem => {
  1932. // thElem.style.width = `${scrollbarWidth}px`
  1933. // })
  1934. // }
  1935. }
  1936. var colgroupElem = elemStore["".concat(name, "-").concat(layout, "-colgroup")];
  1937. if (colgroupElem) {
  1938. _ctor.default.arrayEach(colgroupElem.children, function (colElem) {
  1939. var colid = colElem.getAttribute('name');
  1940. if (colid === 'col_gutter') {
  1941. colElem.style.width = "".concat(scrollbarWidth, "px");
  1942. }
  1943. if (fullColumnIdData[colid]) {
  1944. var column = fullColumnIdData[colid].column;
  1945. var showHeaderOverflow = column.showHeaderOverflow,
  1946. showFooterOverflow = column.showFooterOverflow,
  1947. showOverflow = column.showOverflow;
  1948. var cellOverflow;
  1949. colElem.style.width = "".concat(column.renderWidth, "px");
  1950. if (layout === 'header') {
  1951. cellOverflow = _ctor.default.isUndefined(showHeaderOverflow) || _ctor.default.isNull(showHeaderOverflow) ? allColumnHeaderOverflow : showHeaderOverflow;
  1952. } else if (layout === 'footer') {
  1953. cellOverflow = _ctor.default.isUndefined(showFooterOverflow) || _ctor.default.isNull(showFooterOverflow) ? allColumnFooterOverflow : showFooterOverflow;
  1954. } else {
  1955. cellOverflow = _ctor.default.isUndefined(showOverflow) || _ctor.default.isNull(showOverflow) ? allColumnOverflow : showOverflow;
  1956. }
  1957. var showEllipsis = cellOverflow === 'ellipsis';
  1958. var showTitle = cellOverflow === 'title';
  1959. var showTooltip = cellOverflow === true || cellOverflow === 'tooltip';
  1960. var hasEllipsis = showTitle || showTooltip || showEllipsis;
  1961. var _listElem = elemStore["".concat(name, "-").concat(layout, "-list")]; // 滚动的渲染不支持动态行高
  1962. if (layout === 'header' || layout === 'footer') {
  1963. if (scrollXLoad && !hasEllipsis) {
  1964. hasEllipsis = true;
  1965. }
  1966. } else {
  1967. if ((scrollXLoad || scrollYLoad) && !hasEllipsis) {
  1968. hasEllipsis = true;
  1969. }
  1970. }
  1971. if (_listElem) {
  1972. _ctor.default.arrayEach(_listElem.querySelectorAll(".".concat(column.id)), function (elem) {
  1973. var colspan = parseInt(elem.getAttribute('colspan') || 1);
  1974. var cellElem = elem.querySelector('.vxe-cell');
  1975. var colWidth = column.renderWidth;
  1976. if (cellElem) {
  1977. if (colspan > 1) {
  1978. var columnIndex = _this18.getColumnIndex(column);
  1979. for (var _index = 1; _index < colspan; _index++) {
  1980. var nextColumn = _this18.getColumns(columnIndex + _index);
  1981. if (nextColumn) {
  1982. colWidth += nextColumn.renderWidth;
  1983. }
  1984. }
  1985. }
  1986. cellElem.style.width = hasEllipsis ? "".concat(colWidth - cellOffsetWidth * colspan, "px") : '';
  1987. }
  1988. });
  1989. }
  1990. }
  1991. });
  1992. }
  1993. });
  1994. });
  1995. if (currentRow) {
  1996. this.setCurrentRow(currentRow);
  1997. }
  1998. if (mouseConfig && mouseConfig.selected && editStore.selected.row && editStore.selected.column) {
  1999. this.addColSdCls();
  2000. }
  2001. return this.$nextTick();
  2002. },
  2003. /**
  2004. * 处理固定列的显示状态
  2005. */
  2006. checkScrolling: function checkScrolling() {
  2007. var _this$$refs = this.$refs,
  2008. tableBody = _this$$refs.tableBody,
  2009. leftContainer = _this$$refs.leftContainer,
  2010. rightContainer = _this$$refs.rightContainer;
  2011. var bodyElem = tableBody ? tableBody.$el : null;
  2012. if (bodyElem) {
  2013. if (leftContainer) {
  2014. _tools.DomTools[bodyElem.scrollLeft > 0 ? 'addClass' : 'removeClass'](leftContainer, 'scrolling--middle');
  2015. }
  2016. if (rightContainer) {
  2017. _tools.DomTools[bodyElem.clientWidth < bodyElem.scrollWidth - Math.ceil(bodyElem.scrollLeft) ? 'addClass' : 'removeClass'](rightContainer, 'scrolling--middle');
  2018. }
  2019. }
  2020. },
  2021. preventEvent: function preventEvent(evnt, type, args, next, end) {
  2022. var _this19 = this;
  2023. var evntList = _vXETable.default.interceptor.get(type);
  2024. var rest;
  2025. if (!evntList.some(function (func) {
  2026. return func(Object.assign({
  2027. $grid: _this19.$xegrid,
  2028. $table: _this19,
  2029. $event: evnt
  2030. }, args), evnt, _this19) === false;
  2031. })) {
  2032. if (next) {
  2033. rest = next();
  2034. }
  2035. }
  2036. if (end) {
  2037. end();
  2038. }
  2039. return rest;
  2040. },
  2041. /**
  2042. * 全局按下事件处理
  2043. */
  2044. handleGlobalMousedownEvent: function handleGlobalMousedownEvent(evnt) {
  2045. var _this20 = this;
  2046. var $el = this.$el,
  2047. $refs = this.$refs,
  2048. $xegrid = this.$xegrid,
  2049. $toolbar = this.$toolbar,
  2050. mouseConfig = this.mouseConfig,
  2051. mouseOpts = this.mouseOpts,
  2052. editStore = this.editStore,
  2053. ctxMenuStore = this.ctxMenuStore,
  2054. editOpts = this.editOpts,
  2055. filterStore = this.filterStore,
  2056. getRowNode = this.getRowNode;
  2057. var actived = editStore.actived;
  2058. var filterWrapper = $refs.filterWrapper,
  2059. validTip = $refs.validTip; // 在 v3.0 中废弃 mouse-config.checked
  2060. var isMouseChecked = mouseConfig && mouseOpts.checked;
  2061. if (filterWrapper) {
  2062. if (getEventTargetNode(evnt, $el, 'vxe-cell--filter').flag) {// 如果点击了筛选按钮
  2063. } else if (getEventTargetNode(evnt, filterWrapper.$el).flag) {// 如果点击筛选容器
  2064. } else {
  2065. if (!getEventTargetNode(evnt, document.body, 'vxe-table--ignore-clear').flag) {
  2066. this.preventEvent(evnt, 'event.clearFilter', filterStore.args, this.closeFilter);
  2067. }
  2068. }
  2069. } // 如果已激活了编辑状态
  2070. if (actived.row) {
  2071. if (!(editOpts.autoClear === false)) {
  2072. // 如果是激活状态,点击了单元格之外
  2073. var cell = actived.args.cell;
  2074. if (!cell || !getEventTargetNode(evnt, cell).flag) {
  2075. if (validTip && getEventTargetNode(evnt, validTip.$el).flag) {// 如果是激活状态,且点击了校验提示框
  2076. } else if (!this.lastCallTime || this.lastCallTime + 50 < Date.now()) {
  2077. if (!getEventTargetNode(evnt, document.body, 'vxe-table--ignore-clear').flag) {
  2078. // 如果手动调用了激活单元格,避免触发源被移除后导致重复关闭
  2079. this.preventEvent(evnt, 'event.clearActived', actived.args, function () {
  2080. var isClearActived;
  2081. if (editOpts.mode === 'row') {
  2082. var rowNode = getEventTargetNode(evnt, $el, 'vxe-body--row'); // row 方式,如果点击了不同行
  2083. isClearActived = rowNode.flag ? getRowNode(rowNode.targetElem).item !== actived.args.row : false;
  2084. } else {
  2085. // cell 方式,如果是非编辑列
  2086. isClearActived = !getEventTargetNode(evnt, $el, 'col--edit').flag;
  2087. }
  2088. if (!isClearActived) {
  2089. isClearActived = getEventTargetNode(evnt, $el, 'vxe-header--row').flag;
  2090. }
  2091. if (!isClearActived) {
  2092. isClearActived = getEventTargetNode(evnt, $el, 'vxe-footer--row').flag;
  2093. } // 如果固定了高度且点击了行之外的空白处,则清除激活状态
  2094. if (!isClearActived && _this20.height && !_this20.overflowY) {
  2095. var bodyWrapperElem = evnt.target;
  2096. if (hasClass(bodyWrapperElem, 'vxe-table--body-wrapper')) {
  2097. isClearActived = evnt.offsetY < bodyWrapperElem.clientHeight;
  2098. }
  2099. }
  2100. if (isClearActived || // 如果点击了当前表格之外
  2101. !getEventTargetNode(evnt, $el).flag) {
  2102. // this.triggerValidate('blur').then(a => {
  2103. // 保证 input 的 change 事件能先触发之后再清除
  2104. setTimeout(function () {
  2105. return _this20.clearActived(evnt);
  2106. }); // }).catch(e => e)
  2107. }
  2108. });
  2109. }
  2110. }
  2111. }
  2112. }
  2113. } else if (mouseConfig) {
  2114. if (!getEventTargetNode(evnt, $el).flag && !($xegrid && getEventTargetNode(evnt, $xegrid.$el).flag) && !getEventTargetNode(evnt, $refs.tableWrapper).flag && !($toolbar && getEventTargetNode(evnt, $toolbar.$el).flag)) {
  2115. if (isMouseChecked) {
  2116. this.clearIndexChecked();
  2117. this.clearHeaderChecked();
  2118. this.clearChecked();
  2119. }
  2120. this.clearSelected();
  2121. if (!getEventTargetNode(evnt, document.body, 'vxe-table--ignore-areas-clear').flag) {
  2122. this.preventEvent(evnt, 'event.clearAreas', {}, function () {
  2123. _this20.clearCellAreas();
  2124. _this20.clearCopyCellArea();
  2125. });
  2126. }
  2127. }
  2128. } // 如果配置了快捷菜单且,点击了其他地方则关闭
  2129. if (ctxMenuStore.visible && this.$refs.ctxWrapper && !getEventTargetNode(evnt, this.$refs.ctxWrapper.$el).flag) {
  2130. this.closeMenu();
  2131. } // 最后激活的表格
  2132. this.isActivated = getEventTargetNode(evnt, ($xegrid || this).$el).flag;
  2133. },
  2134. /**
  2135. * 窗口失焦事件处理
  2136. */
  2137. handleGlobalBlurEvent: function handleGlobalBlurEvent() {
  2138. this.closeFilter();
  2139. this.closeMenu();
  2140. },
  2141. /**
  2142. * 全局滚动事件
  2143. */
  2144. handleGlobalMousewheelEvent: function handleGlobalMousewheelEvent() {
  2145. this.closeTooltip();
  2146. this.closeMenu();
  2147. },
  2148. /**
  2149. * 全局键盘事件
  2150. */
  2151. handleGlobalKeydownEvent: function handleGlobalKeydownEvent(evnt) {
  2152. var _this21 = this;
  2153. // 该行为只对当前激活的表格有效
  2154. if (this.isActivated) {
  2155. this.preventEvent(evnt, 'event.keydown', null, function () {
  2156. var filterStore = _this21.filterStore,
  2157. isCtxMenu = _this21.isCtxMenu,
  2158. ctxMenuStore = _this21.ctxMenuStore,
  2159. editStore = _this21.editStore,
  2160. editOpts = _this21.editOpts,
  2161. editConfig = _this21.editConfig,
  2162. mouseConfig = _this21.mouseConfig,
  2163. mouseOpts = _this21.mouseOpts,
  2164. keyboardConfig = _this21.keyboardConfig,
  2165. keyboardOpts = _this21.keyboardOpts,
  2166. treeConfig = _this21.treeConfig,
  2167. treeOpts = _this21.treeOpts,
  2168. highlightCurrentRow = _this21.highlightCurrentRow,
  2169. currentRow = _this21.currentRow,
  2170. bodyCtxMenu = _this21.bodyCtxMenu;
  2171. var selected = editStore.selected,
  2172. actived = editStore.actived;
  2173. var keyCode = evnt.keyCode;
  2174. var isBack = keyCode === 8;
  2175. var isTab = keyCode === 9;
  2176. var isEnter = keyCode === 13;
  2177. var isEsc = keyCode === 27;
  2178. var isSpacebar = keyCode === 32;
  2179. var isLeftArrow = keyCode === 37;
  2180. var isUpArrow = keyCode === 38;
  2181. var isRightArrow = keyCode === 39;
  2182. var isDwArrow = keyCode === 40;
  2183. var isDel = keyCode === 46;
  2184. var isA = keyCode === 65;
  2185. var isF2 = keyCode === 113;
  2186. var isContextMenu = keyCode === 93;
  2187. var hasMetaKey = evnt.metaKey;
  2188. var hasCtrlKey = evnt.ctrlKey;
  2189. var hasShiftKey = evnt.shiftKey;
  2190. var operArrow = isLeftArrow || isUpArrow || isRightArrow || isDwArrow;
  2191. var operCtxMenu = isCtxMenu && ctxMenuStore.visible && (isEnter || isSpacebar || operArrow);
  2192. var isEditStatus = editConfig && actived.column && actived.row;
  2193. var params;
  2194. if (filterStore.visible) {
  2195. if (isEsc) {
  2196. _this21.closeFilter();
  2197. }
  2198. return;
  2199. }
  2200. if (operCtxMenu) {
  2201. // 如果配置了右键菜单; 支持方向键操作、回车
  2202. evnt.preventDefault();
  2203. if (ctxMenuStore.showChild && hasChildrenList(ctxMenuStore.selected)) {
  2204. _this21.moveCtxMenu(evnt, keyCode, ctxMenuStore, 'selectChild', 37, false, ctxMenuStore.selected.children);
  2205. } else {
  2206. _this21.moveCtxMenu(evnt, keyCode, ctxMenuStore, 'selected', 39, true, _this21.ctxMenuList);
  2207. }
  2208. } else if (keyboardConfig && mouseConfig && mouseOpts.area && _this21.handleKeyboardEvent) {
  2209. _this21.handleKeyboardEvent(evnt);
  2210. } else if (isSpacebar && keyboardConfig && keyboardOpts.isChecked && selected.row && selected.column && (selected.column.type === 'checkbox' || selected.column.type === 'selection' || selected.column.type === 'radio')) {
  2211. // 在 v3.0 中废弃 type=selection
  2212. // 空格键支持选中复选框
  2213. evnt.preventDefault(); // 在 v3.0 中废弃 type=selection
  2214. if (selected.column.type === 'checkbox' || selected.column.type === 'selection') {
  2215. _this21.handleToggleCheckRowEvent(evnt, selected.args);
  2216. } else {
  2217. _this21.triggerRadioRowEvent(evnt, selected.args);
  2218. }
  2219. } else if (isEsc) {
  2220. // 如果按下了 Esc 键,关闭快捷菜单、筛选
  2221. _this21.closeMenu();
  2222. _this21.closeFilter(); // 如果是激活编辑状态,则取消编辑
  2223. if (actived.row) {
  2224. params = actived.args;
  2225. _this21.clearActived(evnt); // 如果配置了选中功能,则为选中状态
  2226. if (mouseConfig && mouseOpts.selected) {
  2227. _this21.$nextTick(function () {
  2228. return _this21.handleSelected(params, evnt);
  2229. });
  2230. }
  2231. }
  2232. } else if (isF2) {
  2233. if (!isEditStatus) {
  2234. // 如果按下了 F2 键
  2235. if (selected.row && selected.column) {
  2236. evnt.preventDefault();
  2237. _this21.handleActived(selected.args, evnt);
  2238. }
  2239. }
  2240. } else if (isContextMenu) {
  2241. // 如果按下上下文键
  2242. _this21._keyCtx = selected.row && selected.column && bodyCtxMenu.length;
  2243. clearTimeout(_this21.keyCtxTimeout);
  2244. _this21.keyCtxTimeout = setTimeout(function () {
  2245. _this21._keyCtx = false;
  2246. }, 1000);
  2247. } else if (isEnter && keyboardConfig && keyboardOpts.isEnter && (selected.row || actived.row || treeConfig && highlightCurrentRow && currentRow)) {
  2248. // 退出选中
  2249. if (hasCtrlKey) {
  2250. // 如果是激活编辑状态,则取消编辑
  2251. if (actived.row) {
  2252. params = actived.args;
  2253. _this21.clearActived(evnt); // 如果配置了选中功能,则为选中状态
  2254. if (mouseConfig && mouseOpts.selected) {
  2255. _this21.$nextTick(function () {
  2256. return _this21.handleSelected(params, evnt);
  2257. });
  2258. }
  2259. }
  2260. } else {
  2261. // 如果是激活状态,退则出到上一行/下一行
  2262. if (selected.row || actived.row) {
  2263. var targetArgs = selected.row ? selected.args : actived.args;
  2264. if (hasShiftKey) {
  2265. if (keyboardOpts.enterToTab) {
  2266. _this21.moveTabSelected(targetArgs, hasShiftKey, evnt);
  2267. } else {
  2268. _this21.moveSelected(targetArgs, isLeftArrow, true, isRightArrow, false, evnt);
  2269. }
  2270. } else {
  2271. if (keyboardOpts.enterToTab) {
  2272. _this21.moveTabSelected(targetArgs, hasShiftKey, evnt);
  2273. } else {
  2274. _this21.moveSelected(targetArgs, isLeftArrow, false, isRightArrow, true, evnt);
  2275. }
  2276. }
  2277. } else if (treeConfig && highlightCurrentRow && currentRow) {
  2278. // 如果是树形表格当前行回车移动到子节点
  2279. var childrens = currentRow[treeOpts.children];
  2280. if (childrens && childrens.length) {
  2281. evnt.preventDefault();
  2282. var targetRow = childrens[0];
  2283. params = {
  2284. $table: _this21,
  2285. row: targetRow
  2286. };
  2287. _this21.setTreeExpand(currentRow, true).then(function () {
  2288. return _this21.scrollToRow(targetRow);
  2289. }).then(function () {
  2290. return _this21.triggerCurrentRowEvent(evnt, params);
  2291. });
  2292. }
  2293. }
  2294. }
  2295. } else if (operArrow && keyboardConfig && keyboardOpts.isArrow) {
  2296. if (!isEditStatus) {
  2297. // 如果按下了方向键
  2298. if (selected.row && selected.column) {
  2299. _this21.moveSelected(selected.args, isLeftArrow, isUpArrow, isRightArrow, isDwArrow, evnt);
  2300. } else if ((isUpArrow || isDwArrow) && highlightCurrentRow) {
  2301. // 当前行按键上下移动
  2302. _this21.moveCurrentRow(isUpArrow, isDwArrow, evnt);
  2303. }
  2304. }
  2305. } else if (isTab && keyboardConfig && keyboardOpts.isTab) {
  2306. // 如果按下了 Tab 键切换
  2307. if (selected.row || selected.column) {
  2308. _this21.moveTabSelected(selected.args, hasShiftKey, evnt);
  2309. } else if (actived.row || actived.column) {
  2310. _this21.moveTabSelected(actived.args, hasShiftKey, evnt);
  2311. }
  2312. } else if (keyboardConfig && (isDel || (treeConfig && highlightCurrentRow && currentRow ? isBack && keyboardOpts.isArrow : isBack))) {
  2313. if (!isEditStatus) {
  2314. var delMethod = keyboardOpts.delMethod,
  2315. backMethod = keyboardOpts.backMethod; // 如果是删除键
  2316. if (keyboardOpts.isDel && (selected.row || selected.column)) {
  2317. if (delMethod) {
  2318. delMethod({
  2319. row: selected.row,
  2320. rowIndex: _this21.getRowIndex(selected.row),
  2321. column: selected.column,
  2322. columnIndex: _this21.getColumnIndex(selected.column),
  2323. $table: _this21
  2324. });
  2325. } else {
  2326. setCellValue(selected.row, selected.column, null);
  2327. }
  2328. if (isBack) {
  2329. if (backMethod) {
  2330. backMethod({
  2331. row: selected.row,
  2332. rowIndex: _this21.getRowIndex(selected.row),
  2333. column: selected.column,
  2334. columnIndex: _this21.getColumnIndex(selected.column),
  2335. $table: _this21
  2336. });
  2337. } else {
  2338. _this21.handleActived(selected.args, evnt);
  2339. }
  2340. } else if (isDel) {
  2341. // 如果按下 del 键,更新表尾数据
  2342. _this21.updateFooter();
  2343. }
  2344. } else if (isBack && keyboardOpts.isArrow && treeConfig && highlightCurrentRow && currentRow) {
  2345. // 如果树形表格回退键关闭当前行返回父节点
  2346. var _XEUtils$findTree = _ctor.default.findTree(_this21.afterFullData, function (item) {
  2347. return item === currentRow;
  2348. }, treeOpts),
  2349. parentRow = _XEUtils$findTree.parent;
  2350. if (parentRow) {
  2351. evnt.preventDefault();
  2352. params = {
  2353. $table: _this21,
  2354. row: parentRow
  2355. };
  2356. _this21.setTreeExpand(parentRow, false).then(function () {
  2357. return _this21.scrollToRow(parentRow);
  2358. }).then(function () {
  2359. return _this21.triggerCurrentRowEvent(evnt, params);
  2360. });
  2361. }
  2362. }
  2363. }
  2364. } else if (keyboardConfig && hasCtrlKey && isA) {
  2365. if (!isEditStatus) {
  2366. // 如果开启复制功能
  2367. if (keyboardOpts.isCut && mouseConfig && mouseOpts.checked) {
  2368. _this21.handleAllChecked(evnt);
  2369. }
  2370. }
  2371. } else if (keyboardConfig && keyboardOpts.isEdit && !hasCtrlKey && !hasMetaKey && (isSpacebar || keyCode >= 48 && keyCode <= 57 || keyCode >= 65 && keyCode <= 90 || keyCode >= 96 && keyCode <= 111 || keyCode >= 186 && keyCode <= 192 || keyCode >= 219 && keyCode <= 222)) {
  2372. var editMethod = keyboardOpts.editMethod; // 启用编辑后,空格键功能将失效
  2373. // if (isSpacebar) {
  2374. // evnt.preventDefault()
  2375. // }
  2376. // 如果是按下非功能键之外允许直接编辑
  2377. if (selected.column && selected.row && _tools.UtilTools.isEnableConf(selected.column.editRender)) {
  2378. if (!editOpts.activeMethod || editOpts.activeMethod(selected.args)) {
  2379. if (editMethod) {
  2380. editMethod({
  2381. row: selected.row,
  2382. rowIndex: _this21.getRowIndex(selected.row),
  2383. column: selected.column,
  2384. columnIndex: _this21.getColumnIndex(selected.column),
  2385. $table: _this21
  2386. });
  2387. } else {
  2388. setCellValue(selected.row, selected.column, null);
  2389. _this21.handleActived(selected.args, evnt);
  2390. }
  2391. }
  2392. }
  2393. }
  2394. _this21.emitEvent('keydown', {}, evnt);
  2395. });
  2396. }
  2397. },
  2398. handleGlobalPasteEvent: function handleGlobalPasteEvent(evnt) {
  2399. var isActivated = this.isActivated,
  2400. keyboardConfig = this.keyboardConfig,
  2401. keyboardOpts = this.keyboardOpts,
  2402. mouseConfig = this.mouseConfig,
  2403. mouseOpts = this.mouseOpts,
  2404. editStore = this.editStore,
  2405. filterStore = this.filterStore;
  2406. var actived = editStore.actived;
  2407. if (isActivated && !filterStore.visible) {
  2408. if (!(actived.row || actived.column)) {
  2409. if (keyboardConfig && keyboardOpts.isClip && mouseConfig && mouseOpts.area && this.handlePasteCellAreaEvent) {
  2410. this.handlePasteCellAreaEvent(evnt);
  2411. } else if (keyboardConfig && keyboardOpts.isCut && mouseConfig && mouseOpts.checked) {
  2412. this.handlePaste(evnt);
  2413. }
  2414. }
  2415. this.emitEvent('paste', {}, evnt);
  2416. }
  2417. },
  2418. handleGlobalCopyEvent: function handleGlobalCopyEvent(evnt) {
  2419. var isActivated = this.isActivated,
  2420. keyboardConfig = this.keyboardConfig,
  2421. keyboardOpts = this.keyboardOpts,
  2422. mouseConfig = this.mouseConfig,
  2423. mouseOpts = this.mouseOpts,
  2424. editStore = this.editStore,
  2425. filterStore = this.filterStore;
  2426. var actived = editStore.actived;
  2427. if (isActivated && !filterStore.visible) {
  2428. if (!(actived.row || actived.column)) {
  2429. if (keyboardConfig && keyboardOpts.isClip && mouseConfig && mouseOpts.area && this.handleCopyCellAreaEvent) {
  2430. this.handleCopyCellAreaEvent(evnt);
  2431. } else if (keyboardConfig && keyboardOpts.isCut && mouseConfig && mouseOpts.checked) {
  2432. this.handleCopyed(false, evnt);
  2433. }
  2434. }
  2435. this.emitEvent('copy', {}, evnt);
  2436. }
  2437. },
  2438. handleGlobalCutEvent: function handleGlobalCutEvent(evnt) {
  2439. var isActivated = this.isActivated,
  2440. keyboardConfig = this.keyboardConfig,
  2441. keyboardOpts = this.keyboardOpts,
  2442. mouseConfig = this.mouseConfig,
  2443. mouseOpts = this.mouseOpts,
  2444. editStore = this.editStore,
  2445. filterStore = this.filterStore;
  2446. var actived = editStore.actived;
  2447. if (isActivated && !filterStore.visible) {
  2448. if (!(actived.row || actived.column)) {
  2449. if (keyboardConfig && keyboardOpts.isClip && mouseConfig && mouseOpts.area && this.handleCutCellAreaEvent) {
  2450. this.handleCutCellAreaEvent(evnt);
  2451. } else if (keyboardConfig && keyboardOpts.isCut && mouseConfig && mouseOpts.checked) {
  2452. this.handleCopyed(true, evnt);
  2453. }
  2454. }
  2455. this.emitEvent('cut', {}, evnt);
  2456. }
  2457. },
  2458. handleGlobalResizeEvent: function handleGlobalResizeEvent() {
  2459. this.closeMenu();
  2460. this.recalculate(true);
  2461. this.updateCellAreas();
  2462. },
  2463. handleTooltipLeaveEvent: function handleTooltipLeaveEvent() {
  2464. var _this22 = this;
  2465. var tooltipOpts = this.tooltipOpts;
  2466. setTimeout(function () {
  2467. if (!_this22.tooltipActive) {
  2468. _this22.closeTooltip();
  2469. }
  2470. }, tooltipOpts.leaveDelay);
  2471. },
  2472. handleTargetEnterEvent: function handleTargetEnterEvent() {
  2473. clearTimeout(this.tooltipTimeout);
  2474. this.tooltipActive = true;
  2475. this.closeTooltip();
  2476. },
  2477. handleTargetLeaveEvent: function handleTargetLeaveEvent() {
  2478. var _this23 = this;
  2479. var tooltipOpts = this.tooltipOpts;
  2480. this.tooltipActive = false;
  2481. if (tooltipOpts.enterable) {
  2482. this.tooltipTimeout = setTimeout(function () {
  2483. var tooltip = _this23.$refs.tooltip;
  2484. if (tooltip && !tooltip.isHover) {
  2485. _this23.closeTooltip();
  2486. }
  2487. }, tooltipOpts.leaveDelay);
  2488. } else {
  2489. this.closeTooltip();
  2490. }
  2491. },
  2492. triggerHeaderHelpEvent: function triggerHeaderHelpEvent(evnt, params) {
  2493. var column = params.column;
  2494. var titleHelp = column.titleHelp;
  2495. if (titleHelp.content || titleHelp.message) {
  2496. var $refs = this.$refs,
  2497. tooltipStore = this.tooltipStore;
  2498. var tooltip = $refs.tooltip;
  2499. var content = _tools.UtilTools.getFuncText(titleHelp.content || titleHelp.message);
  2500. this.handleTargetEnterEvent();
  2501. tooltipStore.visible = true;
  2502. if (tooltip) {
  2503. tooltip.open(evnt.currentTarget, content);
  2504. }
  2505. }
  2506. },
  2507. /**
  2508. * 触发表头 tooltip 事件
  2509. */
  2510. triggerHeaderTooltipEvent: function triggerHeaderTooltipEvent(evnt, params) {
  2511. var tooltipStore = this.tooltipStore;
  2512. var column = params.column;
  2513. var titleElem = evnt.currentTarget;
  2514. this.handleTargetEnterEvent();
  2515. if (tooltipStore.column !== column || !tooltipStore.visible) {
  2516. this.handleTooltip(evnt, titleElem, titleElem, null, params);
  2517. }
  2518. },
  2519. /**
  2520. * 触发单元格 tooltip 事件
  2521. */
  2522. triggerBodyTooltipEvent: function triggerBodyTooltipEvent(evnt, params) {
  2523. var editConfig = this.editConfig,
  2524. editOpts = this.editOpts,
  2525. editStore = this.editStore,
  2526. tooltipStore = this.tooltipStore;
  2527. var actived = editStore.actived;
  2528. var row = params.row,
  2529. column = params.column;
  2530. var cell = evnt.currentTarget;
  2531. this.handleTargetEnterEvent();
  2532. if (editConfig) {
  2533. if (editOpts.mode === 'row' && actived.row === row || actived.row === row && actived.column === column) {
  2534. return;
  2535. }
  2536. }
  2537. if (tooltipStore.column !== column || tooltipStore.row !== row || !tooltipStore.visible) {
  2538. var overflowElem;
  2539. var tipElem;
  2540. if (column.treeNode) {
  2541. overflowElem = cell.querySelector('.vxe-tree-cell');
  2542. if (column.type === 'html') {
  2543. tipElem = cell.querySelector('.vxe-cell--html');
  2544. }
  2545. } else {
  2546. tipElem = cell.querySelector(column.type === 'html' ? '.vxe-cell--html' : '.vxe-cell--label');
  2547. }
  2548. this.handleTooltip(evnt, cell, overflowElem || cell.children[0], tipElem, params);
  2549. }
  2550. },
  2551. /**
  2552. * 触发表尾 tooltip 事件
  2553. */
  2554. triggerFooterTooltipEvent: function triggerFooterTooltipEvent(evnt, params) {
  2555. var tooltipStore = this.tooltipStore;
  2556. var column = params.column;
  2557. var cell = evnt.currentTarget;
  2558. this.handleTargetEnterEvent();
  2559. if (tooltipStore.column !== column || !tooltipStore.visible) {
  2560. this.handleTooltip(evnt, cell, cell.querySelector('.vxe-cell--item') || cell.children[0], null, params);
  2561. }
  2562. },
  2563. /**
  2564. * 处理显示 tooltip
  2565. * @param {Event} evnt 事件
  2566. * @param {ColumnInfo} column 列配置
  2567. * @param {Row} row 行对象
  2568. */
  2569. handleTooltip: function handleTooltip(evnt, cell, overflowElem, tipElem, params) {
  2570. params.cell = cell;
  2571. var $refs = this.$refs,
  2572. tooltipOpts = this.tooltipOpts,
  2573. tooltipStore = this.tooltipStore;
  2574. var column = params.column,
  2575. row = params.row;
  2576. var showAll = tooltipOpts.showAll,
  2577. enabled = tooltipOpts.enabled,
  2578. contentMethod = tooltipOpts.contentMethod;
  2579. var tooltip = $refs.tooltip;
  2580. var customContent = contentMethod ? contentMethod(params) : null;
  2581. var useCustom = contentMethod && !_ctor.default.eqNull(customContent);
  2582. var content = useCustom ? customContent : (column.type === 'html' ? overflowElem.innerText : overflowElem.textContent).trim();
  2583. var isCellOverflow = overflowElem.scrollWidth > overflowElem.clientWidth;
  2584. if (content && (showAll || enabled || useCustom || isCellOverflow)) {
  2585. Object.assign(tooltipStore, {
  2586. row: row,
  2587. column: column,
  2588. visible: true
  2589. });
  2590. if (tooltip) {
  2591. tooltip.open(isCellOverflow ? overflowElem : tipElem || overflowElem, _tools.UtilTools.formatText(content));
  2592. }
  2593. }
  2594. return this.$nextTick();
  2595. },
  2596. openTooltip: function openTooltip(target, message) {
  2597. var $refs = this.$refs;
  2598. var commTip = $refs.commTip;
  2599. if (commTip) {
  2600. return commTip.open(target, message);
  2601. }
  2602. return this.$nextTick();
  2603. },
  2604. /**
  2605. * 关闭 tooltip
  2606. */
  2607. closeTooltip: function closeTooltip() {
  2608. var tooltip = this.$refs.tooltip;
  2609. var commTip = this.$refs.commTip;
  2610. Object.assign(this.tooltipStore, {
  2611. row: null,
  2612. column: null,
  2613. content: null,
  2614. visible: false
  2615. });
  2616. if (tooltip) {
  2617. tooltip.close();
  2618. }
  2619. if (commTip) {
  2620. commTip.close();
  2621. }
  2622. return this.$nextTick();
  2623. },
  2624. /**
  2625. * 判断列头复选框是否被选中
  2626. */
  2627. isAllCheckboxChecked: function isAllCheckboxChecked() {
  2628. return this.isAllSelected;
  2629. },
  2630. /**
  2631. * 判断列头复选框是否被半选
  2632. */
  2633. isAllCheckboxIndeterminate: function isAllCheckboxIndeterminate() {
  2634. return !this.isAllSelected && this.isIndeterminate;
  2635. },
  2636. isCheckboxIndeterminate: function isCheckboxIndeterminate() {
  2637. _tools.UtilTools.warn('vxe.error.delFunc', ['isCheckboxIndeterminate', 'isAllCheckboxIndeterminate']);
  2638. return this.isAllCheckboxIndeterminate();
  2639. },
  2640. /**
  2641. * 获取复选框半选状态的行数据
  2642. */
  2643. getCheckboxIndeterminateRecords: function getCheckboxIndeterminateRecords() {
  2644. var treeConfig = this.treeConfig,
  2645. treeIndeterminates = this.treeIndeterminates;
  2646. if (treeConfig) {
  2647. return treeIndeterminates.slice(0);
  2648. }
  2649. return [];
  2650. },
  2651. /**
  2652. * 处理默认勾选
  2653. */
  2654. handleDefaultSelectionChecked: function handleDefaultSelectionChecked() {
  2655. var fullDataRowIdData = this.fullDataRowIdData,
  2656. checkboxOpts = this.checkboxOpts;
  2657. var checkAll = checkboxOpts.checkAll,
  2658. checkRowKeys = checkboxOpts.checkRowKeys;
  2659. if (checkAll) {
  2660. this.setAllCheckboxRow(true);
  2661. } else if (checkRowKeys) {
  2662. var defSelection = [];
  2663. checkRowKeys.forEach(function (rowid) {
  2664. if (fullDataRowIdData[rowid]) {
  2665. defSelection.push(fullDataRowIdData[rowid].row);
  2666. }
  2667. });
  2668. this.setCheckboxRow(defSelection, true);
  2669. }
  2670. },
  2671. // 在 v3.0 中废弃 setSelection
  2672. setSelection: function setSelection(rows, value) {
  2673. _tools.UtilTools.warn('vxe.error.delFunc', ['setSelection', 'setCheckboxRow']);
  2674. return this.setCheckboxRow(rows, value);
  2675. },
  2676. /**
  2677. * 用于多选行,设置行为选中状态,第二个参数为选中与否
  2678. * @param {Array/Row} rows 行数据
  2679. * @param {Boolean} value 是否选中
  2680. */
  2681. setCheckboxRow: function setCheckboxRow(rows, value) {
  2682. var _this24 = this;
  2683. if (rows && !_ctor.default.isArray(rows)) {
  2684. rows = [rows];
  2685. }
  2686. rows.forEach(function (row) {
  2687. return _this24.handleSelectRow({
  2688. row: row
  2689. }, !!value);
  2690. });
  2691. return this.$nextTick();
  2692. },
  2693. isCheckedByRow: function isCheckedByRow(row) {
  2694. _tools.UtilTools.warn('vxe.error.delFunc', ['isCheckedByRow', 'isCheckedByCheckboxRow']);
  2695. return this.isCheckedByCheckboxRow(row);
  2696. },
  2697. isCheckedByCheckboxRow: function isCheckedByCheckboxRow(row) {
  2698. var property = this.checkboxOpts.checkField;
  2699. if (property) {
  2700. return _ctor.default.get(row, property);
  2701. }
  2702. return this.selection.indexOf(row) > -1;
  2703. },
  2704. /**
  2705. * 多选,行选中事件
  2706. * value 选中true 不选false 不确定-1
  2707. */
  2708. handleSelectRow: function handleSelectRow(_ref4, value) {
  2709. var _this25 = this;
  2710. var row = _ref4.row;
  2711. var selection = this.selection,
  2712. afterFullData = this.afterFullData,
  2713. treeConfig = this.treeConfig,
  2714. treeOpts = this.treeOpts,
  2715. treeIndeterminates = this.treeIndeterminates,
  2716. checkboxOpts = this.checkboxOpts;
  2717. var property = checkboxOpts.checkField,
  2718. checkStrictly = checkboxOpts.checkStrictly,
  2719. checkMethod = checkboxOpts.checkMethod;
  2720. if (property) {
  2721. if (treeConfig && !checkStrictly) {
  2722. if (value === -1) {
  2723. if (treeIndeterminates.indexOf(row) === -1) {
  2724. treeIndeterminates.push(row);
  2725. }
  2726. _ctor.default.set(row, property, false);
  2727. } else {
  2728. // 更新子节点状态
  2729. _ctor.default.eachTree([row], function (item) {
  2730. if (row === item || !checkMethod || checkMethod({
  2731. row: item
  2732. })) {
  2733. _ctor.default.set(item, property, value);
  2734. _ctor.default.remove(treeIndeterminates, function (half) {
  2735. return half === item;
  2736. });
  2737. _this25.handleCheckboxReserveRow(row, value);
  2738. }
  2739. }, treeOpts);
  2740. } // 如果存在父节点,更新父节点状态
  2741. var matchObj = _ctor.default.findTree(afterFullData, function (item) {
  2742. return item === row;
  2743. }, treeOpts);
  2744. if (matchObj && matchObj.parent) {
  2745. var parentStatus;
  2746. var vItems = checkMethod ? matchObj.items.filter(function (item) {
  2747. return checkMethod({
  2748. row: item
  2749. });
  2750. }) : matchObj.items;
  2751. var indeterminatesItem = _ctor.default.find(matchObj.items, function (item) {
  2752. return treeIndeterminates.indexOf(item) > -1;
  2753. });
  2754. if (indeterminatesItem) {
  2755. parentStatus = -1;
  2756. } else {
  2757. var selectItems = matchObj.items.filter(function (item) {
  2758. return _ctor.default.get(item, property);
  2759. });
  2760. parentStatus = selectItems.filter(function (item) {
  2761. return vItems.indexOf(item) > -1;
  2762. }).length === vItems.length ? true : selectItems.length || value === -1 ? -1 : false;
  2763. }
  2764. return this.handleSelectRow({
  2765. row: matchObj.parent
  2766. }, parentStatus);
  2767. }
  2768. } else {
  2769. if (!checkMethod || checkMethod({
  2770. row: row
  2771. })) {
  2772. _ctor.default.set(row, property, value);
  2773. this.handleCheckboxReserveRow(row, value);
  2774. }
  2775. }
  2776. } else {
  2777. if (treeConfig && !checkStrictly) {
  2778. if (value === -1) {
  2779. if (treeIndeterminates.indexOf(row) === -1) {
  2780. treeIndeterminates.push(row);
  2781. }
  2782. _ctor.default.remove(selection, function (item) {
  2783. return item === row;
  2784. });
  2785. } else {
  2786. // 更新子节点状态
  2787. _ctor.default.eachTree([row], function (item) {
  2788. if (row === item || !checkMethod || checkMethod({
  2789. row: item
  2790. })) {
  2791. if (value) {
  2792. selection.push(item);
  2793. } else {
  2794. _ctor.default.remove(selection, function (select) {
  2795. return select === item;
  2796. });
  2797. }
  2798. _ctor.default.remove(treeIndeterminates, function (half) {
  2799. return half === item;
  2800. });
  2801. _this25.handleCheckboxReserveRow(row, value);
  2802. }
  2803. }, treeOpts);
  2804. } // 如果存在父节点,更新父节点状态
  2805. var _matchObj = _ctor.default.findTree(afterFullData, function (item) {
  2806. return item === row;
  2807. }, treeOpts);
  2808. if (_matchObj && _matchObj.parent) {
  2809. var _parentStatus;
  2810. var _vItems = checkMethod ? _matchObj.items.filter(function (item) {
  2811. return checkMethod({
  2812. row: item
  2813. });
  2814. }) : _matchObj.items;
  2815. var _indeterminatesItem = _ctor.default.find(_matchObj.items, function (item) {
  2816. return treeIndeterminates.indexOf(item) > -1;
  2817. });
  2818. if (_indeterminatesItem) {
  2819. _parentStatus = -1;
  2820. } else {
  2821. var _selectItems = _matchObj.items.filter(function (item) {
  2822. return selection.indexOf(item) > -1;
  2823. });
  2824. _parentStatus = _selectItems.filter(function (item) {
  2825. return _vItems.indexOf(item) > -1;
  2826. }).length === _vItems.length ? true : _selectItems.length || value === -1 ? -1 : false;
  2827. }
  2828. return this.handleSelectRow({
  2829. row: _matchObj.parent
  2830. }, _parentStatus);
  2831. }
  2832. } else {
  2833. if (!checkMethod || checkMethod({
  2834. row: row
  2835. })) {
  2836. if (value) {
  2837. if (selection.indexOf(row) === -1) {
  2838. selection.push(row);
  2839. }
  2840. } else {
  2841. _ctor.default.remove(selection, function (item) {
  2842. return item === row;
  2843. });
  2844. }
  2845. this.handleCheckboxReserveRow(row, value);
  2846. }
  2847. }
  2848. }
  2849. this.checkSelectionStatus();
  2850. },
  2851. handleToggleCheckRowEvent: function handleToggleCheckRowEvent(evnt, params) {
  2852. var selection = this.selection,
  2853. checkboxOpts = this.checkboxOpts;
  2854. var property = checkboxOpts.checkField;
  2855. var row = params.row;
  2856. var value = property ? !_ctor.default.get(row, property) : selection.indexOf(row) === -1;
  2857. if (evnt) {
  2858. this.triggerCheckRowEvent(evnt, params, value);
  2859. } else {
  2860. this.handleSelectRow(params, value);
  2861. }
  2862. },
  2863. triggerCheckRowEvent: function triggerCheckRowEvent(evnt, params, value) {
  2864. var checkMethod = this.checkboxOpts.checkMethod;
  2865. if (!checkMethod || checkMethod({
  2866. row: params.row
  2867. })) {
  2868. this.handleSelectRow(params, value);
  2869. var records = this.getCheckboxRecords(); // 在 v3.0 中废弃 select-change
  2870. if (this.$listeners['select-change']) {
  2871. _tools.UtilTools.warn('vxe.error.delEvent', ['select-change', 'checkbox-change']);
  2872. this.emitEvent('select-change', Object.assign({
  2873. records: records,
  2874. selection: records,
  2875. reserves: this.getCheckboxReserveRecords(),
  2876. checked: value
  2877. }, params), evnt);
  2878. } else {
  2879. this.emitEvent('checkbox-change', Object.assign({
  2880. records: records,
  2881. selection: records,
  2882. reserves: this.getCheckboxReserveRecords(),
  2883. indeterminates: this.getCheckboxIndeterminateRecords(),
  2884. checked: value
  2885. }, params), evnt);
  2886. }
  2887. }
  2888. },
  2889. // 在 v3.0 中废弃 toggleRowSelection
  2890. toggleRowSelection: function toggleRowSelection(row) {
  2891. _tools.UtilTools.warn('vxe.error.delFunc', ['toggleRowSelection', 'toggleCheckboxRow']);
  2892. return this.toggleCheckboxRow(row);
  2893. },
  2894. /**
  2895. * 多选,切换某一行的选中状态
  2896. */
  2897. toggleCheckboxRow: function toggleCheckboxRow(row) {
  2898. this.handleToggleCheckRowEvent(null, {
  2899. row: row
  2900. });
  2901. return this.$nextTick();
  2902. },
  2903. // 在 v3.0 中废弃 setAllSelection
  2904. setAllSelection: function setAllSelection(value) {
  2905. _tools.UtilTools.warn('vxe.error.delFunc', ['setAllSelection', 'setAllCheckboxRow']);
  2906. return this.setAllCheckboxRow(value);
  2907. },
  2908. /**
  2909. * 用于多选行,设置所有行的选中状态
  2910. * @param {Boolean} value 是否选中
  2911. */
  2912. setAllCheckboxRow: function setAllCheckboxRow(value) {
  2913. var _this26 = this;
  2914. var afterFullData = this.afterFullData,
  2915. treeConfig = this.treeConfig,
  2916. treeOpts = this.treeOpts,
  2917. selection = this.selection,
  2918. checkboxReserveRowMap = this.checkboxReserveRowMap,
  2919. checkboxOpts = this.checkboxOpts;
  2920. var property = checkboxOpts.checkField,
  2921. reserve = checkboxOpts.reserve,
  2922. checkStrictly = checkboxOpts.checkStrictly,
  2923. checkMethod = checkboxOpts.checkMethod;
  2924. var selectRows = [];
  2925. var beforeSelection = treeConfig ? [] : selection.filter(function (row) {
  2926. return afterFullData.indexOf(row) === -1;
  2927. });
  2928. if (checkStrictly) {
  2929. this.isAllSelected = value;
  2930. } else {
  2931. /**
  2932. * 绑定属性方式(高性能,有污染)
  2933. * 必须在行数据存在对应的属性,否则将不响应
  2934. */
  2935. if (property) {
  2936. var checkValFn = function checkValFn(row) {
  2937. if (!checkMethod || checkMethod({
  2938. row: row
  2939. })) {
  2940. if (value) {
  2941. selectRows.push(row);
  2942. }
  2943. _ctor.default.set(row, property, value);
  2944. }
  2945. }; // 如果存在选中方法
  2946. // 如果方法成立,则更新值,否则忽略该数据
  2947. if (treeConfig) {
  2948. _ctor.default.eachTree(afterFullData, checkValFn, treeOpts);
  2949. } else {
  2950. afterFullData.forEach(checkValFn);
  2951. }
  2952. } else {
  2953. /**
  2954. * 默认方式(低性能,无污染)
  2955. * 无需任何属性,直接绑定
  2956. */
  2957. if (treeConfig) {
  2958. if (value) {
  2959. /**
  2960. * 如果是树勾选
  2961. * 如果方法成立,则添加到临时集合中
  2962. */
  2963. _ctor.default.eachTree(afterFullData, function (row) {
  2964. if (!checkMethod || checkMethod({
  2965. row: row
  2966. })) {
  2967. selectRows.push(row);
  2968. }
  2969. }, treeOpts);
  2970. } else {
  2971. /**
  2972. * 如果是树取消
  2973. * 如果方法成立,则不添加到临时集合中
  2974. */
  2975. if (checkMethod) {
  2976. _ctor.default.eachTree(afterFullData, function (row) {
  2977. if (checkMethod({
  2978. row: row
  2979. }) ? 0 : selection.indexOf(row) > -1) {
  2980. selectRows.push(row);
  2981. }
  2982. }, treeOpts);
  2983. }
  2984. }
  2985. } else {
  2986. if (value) {
  2987. /**
  2988. * 如果是行勾选
  2989. * 如果存在选中方法且成立或者本身已勾选,则添加到临时集合中
  2990. * 如果不存在选中方法,则添加所有数据到临时集合中
  2991. */
  2992. if (checkMethod) {
  2993. selectRows = afterFullData.filter(function (row) {
  2994. return selection.indexOf(row) > -1 || checkMethod({
  2995. row: row
  2996. });
  2997. });
  2998. } else {
  2999. selectRows = afterFullData.slice(0);
  3000. }
  3001. } else {
  3002. /**
  3003. * 如果是行取消
  3004. * 如果方法成立,则不添加到临时集合中;如果方法不成立则判断当前是否已勾选,如果已被勾选则添加到新集合中
  3005. * 如果不存在选中方法,无需处理,临时集合默认为空
  3006. */
  3007. if (checkMethod) {
  3008. selectRows = afterFullData.filter(function (row) {
  3009. return checkMethod({
  3010. row: row
  3011. }) ? 0 : selection.indexOf(row) > -1;
  3012. });
  3013. }
  3014. }
  3015. }
  3016. }
  3017. if (reserve) {
  3018. if (value) {
  3019. selectRows.forEach(function (row) {
  3020. checkboxReserveRowMap[getRowid(_this26, row)] = row;
  3021. });
  3022. } else {
  3023. afterFullData.forEach(function (row) {
  3024. return _this26.handleCheckboxReserveRow(row, false);
  3025. });
  3026. }
  3027. }
  3028. this.selection = property ? [] : beforeSelection.concat(selectRows);
  3029. }
  3030. this.treeIndeterminates = [];
  3031. this.checkSelectionStatus();
  3032. },
  3033. checkSelectionStatus: function checkSelectionStatus() {
  3034. var afterFullData = this.afterFullData,
  3035. selection = this.selection,
  3036. treeIndeterminates = this.treeIndeterminates,
  3037. checkboxOpts = this.checkboxOpts,
  3038. treeConfig = this.treeConfig;
  3039. var checkField = checkboxOpts.checkField,
  3040. halfField = checkboxOpts.halfField,
  3041. checkStrictly = checkboxOpts.checkStrictly,
  3042. checkMethod = checkboxOpts.checkMethod;
  3043. if (!checkStrictly) {
  3044. var isAllSelected = false;
  3045. var isIndeterminate = false;
  3046. if (checkField) {
  3047. isAllSelected = afterFullData.length && afterFullData.every(checkMethod ? function (row) {
  3048. return !checkMethod({
  3049. row: row
  3050. }) || _ctor.default.get(row, checkField);
  3051. } : function (row) {
  3052. return _ctor.default.get(row, checkField);
  3053. });
  3054. if (treeConfig) {
  3055. if (halfField) {
  3056. isIndeterminate = !isAllSelected && afterFullData.some(function (row) {
  3057. return _ctor.default.get(row, checkField) || _ctor.default.get(row, halfField) || treeIndeterminates.indexOf(row) > -1;
  3058. });
  3059. } else {
  3060. isIndeterminate = !isAllSelected && afterFullData.some(function (row) {
  3061. return _ctor.default.get(row, checkField) || treeIndeterminates.indexOf(row) > -1;
  3062. });
  3063. }
  3064. } else {
  3065. if (halfField) {
  3066. isIndeterminate = !isAllSelected && afterFullData.some(function (row) {
  3067. return _ctor.default.get(row, checkField) || _ctor.default.get(row, halfField);
  3068. });
  3069. } else {
  3070. isIndeterminate = !isAllSelected && afterFullData.some(function (row) {
  3071. return _ctor.default.get(row, checkField);
  3072. });
  3073. }
  3074. }
  3075. } else {
  3076. isAllSelected = afterFullData.length && afterFullData.every(checkMethod ? function (row) {
  3077. return !checkMethod({
  3078. row: row
  3079. }) || selection.indexOf(row) > -1;
  3080. } : function (row) {
  3081. return selection.indexOf(row) > -1;
  3082. });
  3083. if (treeConfig) {
  3084. isIndeterminate = !isAllSelected && afterFullData.some(function (row) {
  3085. return treeIndeterminates.indexOf(row) > -1 || selection.indexOf(row) > -1;
  3086. });
  3087. } else {
  3088. isIndeterminate = !isAllSelected && afterFullData.some(function (row) {
  3089. return selection.indexOf(row) > -1;
  3090. });
  3091. }
  3092. }
  3093. this.isAllSelected = isAllSelected;
  3094. this.isIndeterminate = isIndeterminate;
  3095. }
  3096. },
  3097. // 还原展开、选中等相关状态
  3098. handleReserveStatus: function handleReserveStatus() {
  3099. var expandColumn = this.expandColumn,
  3100. treeOpts = this.treeOpts,
  3101. treeConfig = this.treeConfig,
  3102. fullDataRowIdData = this.fullDataRowIdData,
  3103. fullAllDataRowMap = this.fullAllDataRowMap,
  3104. currentRow = this.currentRow,
  3105. selectRow = this.selectRow,
  3106. radioReserveRow = this.radioReserveRow,
  3107. radioOpts = this.radioOpts,
  3108. checkboxOpts = this.checkboxOpts,
  3109. selection = this.selection,
  3110. rowExpandeds = this.rowExpandeds,
  3111. treeExpandeds = this.treeExpandeds,
  3112. expandOpts = this.expandOpts; // 单选框
  3113. if (selectRow && !fullAllDataRowMap.has(selectRow)) {
  3114. this.selectRow = null; // 刷新单选行状态
  3115. } // 还原保留选中状态
  3116. if (radioOpts.reserve && radioReserveRow) {
  3117. var rowid = getRowid(this, radioReserveRow);
  3118. if (fullDataRowIdData[rowid]) {
  3119. this.setRadioRow(fullDataRowIdData[rowid].row);
  3120. }
  3121. } // 复选框
  3122. this.selection = getRecoverRow(this, selection); // 刷新多选行状态
  3123. // 还原保留选中状态
  3124. if (checkboxOpts.reserve) {
  3125. this.setCheckboxRow(handleReserveRow(this, this.checkboxReserveRowMap), true);
  3126. }
  3127. if (currentRow && !fullAllDataRowMap.has(currentRow)) {
  3128. this.currentRow = null; // 刷新当前行状态
  3129. } // 行展开
  3130. this.rowExpandeds = expandColumn ? getRecoverRow(this, rowExpandeds) : []; // 刷新行展开状态
  3131. // 还原保留状态
  3132. if (expandColumn && expandOpts.reserve) {
  3133. this.setRowExpand(handleReserveRow(this, this.rowExpandedReserveRowMap), true);
  3134. } // 树展开
  3135. this.treeExpandeds = treeConfig ? getRecoverRow(this, treeExpandeds) : []; // 刷新树展开状态
  3136. if (treeConfig && treeOpts.reserve) {
  3137. this.setTreeExpand(handleReserveRow(this, this.treeExpandedReserveRowMap), true);
  3138. }
  3139. },
  3140. /**
  3141. * 获取单选框保留选中的行
  3142. */
  3143. getRadioReserveRecord: function getRadioReserveRecord() {
  3144. var fullDataRowIdData = this.fullDataRowIdData,
  3145. radioReserveRow = this.radioReserveRow,
  3146. radioOpts = this.radioOpts;
  3147. if (radioOpts.reserve && radioReserveRow) {
  3148. if (!fullDataRowIdData[getRowid(this, radioReserveRow)]) {
  3149. return radioReserveRow;
  3150. }
  3151. }
  3152. return null;
  3153. },
  3154. clearRadioReserve: function clearRadioReserve() {
  3155. this.radioReserveRow = null;
  3156. return this.$nextTick();
  3157. },
  3158. handleRadioReserveRow: function handleRadioReserveRow(row) {
  3159. var radioOpts = this.radioOpts;
  3160. if (radioOpts.reserve) {
  3161. this.radioReserveRow = row;
  3162. }
  3163. },
  3164. // 在 v3.0 中废弃 getSelectReserveRecords
  3165. getSelectReserveRecords: function getSelectReserveRecords() {
  3166. _tools.UtilTools.warn('vxe.error.delFunc', ['getSelectReserveRecords', 'getCheckboxReserveRecords']);
  3167. return this.getCheckboxReserveRecords();
  3168. },
  3169. /**
  3170. * 获取保留选中的行
  3171. */
  3172. getCheckboxReserveRecords: function getCheckboxReserveRecords() {
  3173. var fullDataRowIdData = this.fullDataRowIdData,
  3174. checkboxReserveRowMap = this.checkboxReserveRowMap,
  3175. checkboxOpts = this.checkboxOpts;
  3176. var reserveSelection = [];
  3177. if (checkboxOpts.reserve) {
  3178. Object.keys(checkboxReserveRowMap).forEach(function (rowid) {
  3179. if (!fullDataRowIdData[rowid]) {
  3180. reserveSelection.push(checkboxReserveRowMap[rowid]);
  3181. }
  3182. });
  3183. }
  3184. return reserveSelection;
  3185. },
  3186. // 在 v3.0 中废弃 clearSelectReserve
  3187. clearSelectReserve: function clearSelectReserve() {
  3188. _tools.UtilTools.warn('vxe.error.delFunc', ['clearSelectReserve', 'clearCheckboxReserve']);
  3189. return this.clearCheckboxReserve();
  3190. },
  3191. clearCheckboxReserve: function clearCheckboxReserve() {
  3192. this.checkboxReserveRowMap = {};
  3193. return this.$nextTick();
  3194. },
  3195. handleCheckboxReserveRow: function handleCheckboxReserveRow(row, checked) {
  3196. var checkboxReserveRowMap = this.checkboxReserveRowMap,
  3197. checkboxOpts = this.checkboxOpts;
  3198. if (checkboxOpts.reserve) {
  3199. var rowid = getRowid(this, row);
  3200. if (checked) {
  3201. checkboxReserveRowMap[rowid] = row;
  3202. } else if (checkboxReserveRowMap[rowid]) {
  3203. delete checkboxReserveRowMap[rowid];
  3204. }
  3205. }
  3206. },
  3207. /**
  3208. * 多选,选中所有事件
  3209. */
  3210. triggerCheckAllEvent: function triggerCheckAllEvent(evnt, value) {
  3211. this.setAllCheckboxRow(value);
  3212. var records = this.getCheckboxRecords(); // 在 v3.0 中废弃 select-all
  3213. if (this.$listeners['select-all']) {
  3214. _tools.UtilTools.warn('vxe.error.delEvent', ['select-all', 'checkbox-all']);
  3215. this.emitEvent('select-all', {
  3216. records: records,
  3217. selection: records,
  3218. reserves: this.getCheckboxReserveRecords(),
  3219. checked: value
  3220. }, evnt);
  3221. } else {
  3222. this.emitEvent('checkbox-all', {
  3223. records: records,
  3224. selection: records,
  3225. reserves: this.getCheckboxReserveRecords(),
  3226. indeterminates: this.getCheckboxIndeterminateRecords(),
  3227. checked: value
  3228. }, evnt);
  3229. }
  3230. },
  3231. // 在 v3.0 中废弃 toggleAllSelection
  3232. toggleAllSelection: function toggleAllSelection() {
  3233. _tools.UtilTools.warn('vxe.error.delFunc', ['toggleAllSelection', 'toggleAllCheckboxRow']);
  3234. return this.toggleAllCheckboxRow();
  3235. },
  3236. /**
  3237. * 多选,切换所有行的选中状态
  3238. */
  3239. toggleAllCheckboxRow: function toggleAllCheckboxRow() {
  3240. this.triggerCheckAllEvent(null, !this.isAllSelected);
  3241. return this.$nextTick();
  3242. },
  3243. // 在 v3.0 中废弃 clearSelection
  3244. clearSelection: function clearSelection() {
  3245. _tools.UtilTools.warn('vxe.error.delFunc', ['clearSelection', 'clearCheckboxRow']);
  3246. return this.clearCheckboxRow();
  3247. },
  3248. /**
  3249. * 用于多选行,手动清空用户的选择
  3250. * 清空行为不管是否被禁用还是保留记录,都将彻底清空选中状态
  3251. */
  3252. clearCheckboxRow: function clearCheckboxRow() {
  3253. var _this27 = this;
  3254. var tableFullData = this.tableFullData,
  3255. treeConfig = this.treeConfig,
  3256. treeOpts = this.treeOpts,
  3257. checkboxOpts = this.checkboxOpts;
  3258. var property = checkboxOpts.checkField,
  3259. reserve = checkboxOpts.reserve;
  3260. if (property) {
  3261. if (treeConfig) {
  3262. _ctor.default.eachTree(tableFullData, function (item) {
  3263. return _ctor.default.set(item, property, false);
  3264. }, treeOpts);
  3265. } else {
  3266. tableFullData.forEach(function (item) {
  3267. return _ctor.default.set(item, property, false);
  3268. });
  3269. }
  3270. }
  3271. if (reserve) {
  3272. tableFullData.forEach(function (row) {
  3273. return _this27.handleCheckboxReserveRow(row, false);
  3274. });
  3275. }
  3276. this.isAllSelected = false;
  3277. this.isIndeterminate = false;
  3278. this.selection = [];
  3279. this.treeIndeterminates = [];
  3280. return this.$nextTick();
  3281. },
  3282. /**
  3283. * 处理单选框默认勾选
  3284. */
  3285. handleDefaultRadioChecked: function handleDefaultRadioChecked() {
  3286. var radioOpts = this.radioOpts,
  3287. fullDataRowIdData = this.fullDataRowIdData;
  3288. var rowid = radioOpts.checkRowKey,
  3289. reserve = radioOpts.reserve;
  3290. if (rowid) {
  3291. if (fullDataRowIdData[rowid]) {
  3292. this.setRadioRow(fullDataRowIdData[rowid].row);
  3293. }
  3294. if (reserve) {
  3295. var rowkey = getRowkey(this);
  3296. this.radioReserveRow = _defineProperty({}, rowkey, rowid);
  3297. }
  3298. }
  3299. },
  3300. /**
  3301. * 单选,行选中事件
  3302. */
  3303. triggerRadioRowEvent: function triggerRadioRowEvent(evnt, params) {
  3304. var isChange = this.selectRow !== params.row;
  3305. this.setRadioRow(params.row);
  3306. if (isChange) {
  3307. this.emitEvent('radio-change', params, evnt);
  3308. }
  3309. },
  3310. triggerCurrentRowEvent: function triggerCurrentRowEvent(evnt, params) {
  3311. var isChange = this.currentRow !== params.row;
  3312. this.setCurrentRow(params.row);
  3313. if (isChange) {
  3314. this.emitEvent('current-change', params, evnt);
  3315. }
  3316. },
  3317. /**
  3318. * 用于当前行,设置某一行为高亮状态
  3319. * @param {Row} row 行对象
  3320. */
  3321. setCurrentRow: function setCurrentRow(row) {
  3322. this.clearCurrentRow();
  3323. this.clearCurrentColumn();
  3324. this.currentRow = row;
  3325. if (this.highlightCurrentRow) {
  3326. _ctor.default.arrayEach(this.$el.querySelectorAll("[data-rowid=\"".concat(getRowid(this, row), "\"]")), function (elem) {
  3327. return addClass(elem, 'row--current');
  3328. });
  3329. }
  3330. return this.$nextTick();
  3331. },
  3332. isCheckedByRadioRow: function isCheckedByRadioRow(row) {
  3333. return this.selectRow === row;
  3334. },
  3335. /**
  3336. * 用于单选行,设置某一行为选中状态
  3337. * @param {Row} row 行对象
  3338. */
  3339. setRadioRow: function setRadioRow(row) {
  3340. var radioOpts = this.radioOpts;
  3341. var checkMethod = radioOpts.checkMethod;
  3342. if (row && (!checkMethod || checkMethod({
  3343. row: row
  3344. }))) {
  3345. this.selectRow = row;
  3346. this.handleRadioReserveRow(row);
  3347. }
  3348. return this.$nextTick();
  3349. },
  3350. /**
  3351. * 用于当前行,手动清空当前高亮的状态
  3352. */
  3353. clearCurrentRow: function clearCurrentRow() {
  3354. this.currentRow = null;
  3355. this.hoverRow = null;
  3356. _ctor.default.arrayEach(this.$el.querySelectorAll('.row--current'), function (elem) {
  3357. return removeClass(elem, 'row--current');
  3358. });
  3359. return this.$nextTick();
  3360. },
  3361. /**
  3362. * 用于单选行,手动清空用户的选择
  3363. */
  3364. clearRadioRow: function clearRadioRow() {
  3365. this.selectRow = null;
  3366. return this.$nextTick();
  3367. },
  3368. // 在 v3.0 中废弃 getCurrentRow
  3369. getCurrentRow: function getCurrentRow() {
  3370. _tools.UtilTools.warn('vxe.error.delFunc', ['getCurrentRow', 'getCurrentRecord']);
  3371. return this.getCurrentRecord();
  3372. },
  3373. /**
  3374. * 用于当前行,获取当前行的数据
  3375. */
  3376. getCurrentRecord: function getCurrentRecord() {
  3377. return this.highlightCurrentRow ? this.currentRow : null;
  3378. },
  3379. // 在 v3.0 中废弃 getRadioRow
  3380. getRadioRow: function getRadioRow() {
  3381. _tools.UtilTools.warn('vxe.error.delFunc', ['getRadioRow', 'getRadioRecord']);
  3382. return this.getRadioRecord();
  3383. },
  3384. /**
  3385. * 用于单选行,获取当已选中的数据
  3386. */
  3387. getRadioRecord: function getRadioRecord() {
  3388. return this.selectRow;
  3389. },
  3390. /**
  3391. * 行 hover 事件
  3392. */
  3393. triggerHoverEvent: function triggerHoverEvent(evnt, _ref5) {
  3394. var row = _ref5.row;
  3395. this.setHoverRow(row);
  3396. },
  3397. setHoverRow: function setHoverRow(row) {
  3398. var rowid = getRowid(this, row);
  3399. this.clearHoverRow();
  3400. _ctor.default.arrayEach(this.$el.querySelectorAll("[data-rowid=\"".concat(rowid, "\"]")), function (elem) {
  3401. return addClass(elem, 'row--hover');
  3402. });
  3403. this.hoverRow = row;
  3404. },
  3405. clearHoverRow: function clearHoverRow() {
  3406. _ctor.default.arrayEach(this.$el.querySelectorAll('.vxe-body--row.row--hover'), function (elem) {
  3407. return removeClass(elem, 'row--hover');
  3408. });
  3409. this.hoverRow = null;
  3410. },
  3411. triggerHeaderCellClickEvent: function triggerHeaderCellClickEvent(evnt, params) {
  3412. var _lastResizeTime = this._lastResizeTime,
  3413. sortOpts = this.sortOpts;
  3414. var column = params.column;
  3415. var cell = evnt.currentTarget;
  3416. var triggerResizable = _lastResizeTime && _lastResizeTime > Date.now() - 300;
  3417. var triggerSort = getEventTargetNode(evnt, cell, 'vxe-cell--sort').flag;
  3418. var triggerFilter = getEventTargetNode(evnt, cell, 'vxe-cell--filter').flag;
  3419. if (sortOpts.trigger === 'cell' && !(triggerResizable || triggerSort || triggerFilter)) {
  3420. this.triggerSortEvent(evnt, column, getNextSortOrder(this, column));
  3421. }
  3422. this.emitEvent('header-cell-click', Object.assign({
  3423. triggerResizable: triggerResizable,
  3424. triggerSort: triggerSort,
  3425. triggerFilter: triggerFilter,
  3426. cell: cell
  3427. }, params), evnt);
  3428. if (this.highlightCurrentColumn) {
  3429. return this.setCurrentColumn(column);
  3430. }
  3431. return this.$nextTick();
  3432. },
  3433. triggerHeaderCellDBLClickEvent: function triggerHeaderCellDBLClickEvent(evnt, params) {
  3434. this.emitEvent('header-cell-dblclick', Object.assign({
  3435. cell: evnt.currentTarget
  3436. }, params), evnt);
  3437. },
  3438. getCurrentColumn: function getCurrentColumn() {
  3439. return this.highlightCurrentColumn ? this.currentColumn : null;
  3440. },
  3441. /**
  3442. * 用于当前列,设置某列行为高亮状态
  3443. * @param {ColumnInfo} column 列配置
  3444. */
  3445. setCurrentColumn: function setCurrentColumn(column) {
  3446. this.clearCurrentRow();
  3447. this.clearCurrentColumn();
  3448. this.currentColumn = column;
  3449. return this.$nextTick();
  3450. },
  3451. /**
  3452. * 用于当前列,手动清空当前高亮的状态
  3453. */
  3454. clearCurrentColumn: function clearCurrentColumn() {
  3455. this.currentColumn = null;
  3456. return this.$nextTick();
  3457. },
  3458. checkValidate: function checkValidate(type) {
  3459. if (_vXETable.default._valid) {
  3460. return this.triggerValidate(type);
  3461. }
  3462. return this.$nextTick();
  3463. },
  3464. /**
  3465. * 当单元格发生改变时
  3466. * 如果存在规则,则校验
  3467. */
  3468. handleChangeCell: function handleChangeCell(evnt, params) {
  3469. var _this28 = this;
  3470. this.checkValidate('blur').catch(function (e) {
  3471. return e;
  3472. }).then(function () {
  3473. _this28.handleActived(params, evnt).then(function () {
  3474. return _this28.checkValidate('change');
  3475. }).catch(function (e) {
  3476. return e;
  3477. });
  3478. });
  3479. },
  3480. /**
  3481. * 列点击事件
  3482. * 如果是单击模式,则激活为编辑状态
  3483. * 如果是双击模式,则单击后选中状态
  3484. */
  3485. triggerCellClickEvent: function triggerCellClickEvent(evnt, params) {
  3486. var highlightCurrentRow = this.highlightCurrentRow,
  3487. editStore = this.editStore,
  3488. radioOpts = this.radioOpts,
  3489. expandOpts = this.expandOpts,
  3490. treeOpts = this.treeOpts,
  3491. editConfig = this.editConfig,
  3492. editOpts = this.editOpts,
  3493. checkboxOpts = this.checkboxOpts,
  3494. mouseConfig = this.mouseConfig,
  3495. mouseOpts = this.mouseOpts;
  3496. var actived = editStore.actived;
  3497. var _params = params,
  3498. row = _params.row,
  3499. column = _params.column;
  3500. var type = column.type,
  3501. treeNode = column.treeNode;
  3502. var isRadioType = type === 'radio'; // 在 v3.0 中废弃 selection
  3503. var isCheckboxType = type === 'checkbox' || type === 'selection';
  3504. var isExpandType = type === 'expand';
  3505. var cell = evnt.currentTarget;
  3506. var triggerRadio = isRadioType && getEventTargetNode(evnt, cell, 'vxe-cell--radio').flag;
  3507. var triggerCheckbox = isCheckboxType && getEventTargetNode(evnt, cell, 'vxe-cell--checkbox').flag;
  3508. var triggerTreeNode = treeNode && getEventTargetNode(evnt, cell, 'vxe-tree--btn-wrapper').flag;
  3509. var triggerExpandNode = isExpandType && getEventTargetNode(evnt, cell, 'vxe-table--expanded').flag;
  3510. params = Object.assign({
  3511. cell: cell,
  3512. triggerRadio: triggerRadio,
  3513. triggerCheckbox: triggerCheckbox,
  3514. triggerTreeNode: triggerTreeNode,
  3515. triggerExpandNode: triggerExpandNode
  3516. }, params); // 在 v3.0 中废弃 mouse-config.checked
  3517. var isMouseChecked = mouseConfig && mouseOpts.checked; // 如果是展开行
  3518. if (!triggerExpandNode && (expandOpts.trigger === 'row' || isExpandType && expandOpts.trigger === 'cell')) {
  3519. this.triggerRowExpandEvent(evnt, params);
  3520. } // 如果是树形表格
  3521. if (treeOpts.trigger === 'row' || treeNode && treeOpts.trigger === 'cell') {
  3522. this.triggerTreeExpandEvent(evnt, params);
  3523. } // 如果点击了树节点
  3524. if (!triggerTreeNode) {
  3525. if (!triggerExpandNode) {
  3526. // 如果是高亮行
  3527. if (highlightCurrentRow) {
  3528. if (!triggerCheckbox && !triggerRadio) {
  3529. this.triggerCurrentRowEvent(evnt, params);
  3530. }
  3531. } // 如果是单选框
  3532. if (!triggerRadio && (radioOpts.trigger === 'row' || isRadioType && radioOpts.trigger === 'cell')) {
  3533. this.triggerRadioRowEvent(evnt, params);
  3534. } // 如果是复选框
  3535. if (!triggerCheckbox && (checkboxOpts.trigger === 'row' || isCheckboxType && checkboxOpts.trigger === 'cell')) {
  3536. this.handleToggleCheckRowEvent(evnt, params);
  3537. }
  3538. } // 如果设置了单元格选中功能,则不会使用点击事件去处理(只能支持双击模式)
  3539. if (!isMouseChecked) {
  3540. if (editConfig) {
  3541. if (editOpts.trigger === 'manual') {
  3542. if (actived.args && actived.row === row && column !== actived.column) {
  3543. this.handleChangeCell(evnt, params);
  3544. }
  3545. } else if (!actived.args || row !== actived.row || column !== actived.column) {
  3546. if (editOpts.trigger === 'click') {
  3547. this.handleChangeCell(evnt, params);
  3548. } else if (editOpts.trigger === 'dblclick') {
  3549. if (editOpts.mode === 'row' && actived.row === row) {
  3550. this.handleChangeCell(evnt, params);
  3551. }
  3552. }
  3553. }
  3554. }
  3555. }
  3556. }
  3557. this.emitEvent('cell-click', params, evnt);
  3558. },
  3559. /**
  3560. * 列双击点击事件
  3561. * 如果是双击模式,则激活为编辑状态
  3562. */
  3563. triggerCellDBLClickEvent: function triggerCellDBLClickEvent(evnt, params) {
  3564. var _this29 = this;
  3565. var editStore = this.editStore,
  3566. editConfig = this.editConfig,
  3567. editOpts = this.editOpts;
  3568. var actived = editStore.actived;
  3569. var cell = evnt.currentTarget;
  3570. params.cell = cell;
  3571. if (editConfig && editOpts.trigger === 'dblclick') {
  3572. if (!actived.args || evnt.currentTarget !== actived.args.cell) {
  3573. if (editOpts.mode === 'row') {
  3574. this.checkValidate('blur').catch(function (e) {
  3575. return e;
  3576. }).then(function () {
  3577. _this29.handleActived(params, evnt).then(function () {
  3578. return _this29.checkValidate('change');
  3579. }).catch(function (e) {
  3580. return e;
  3581. });
  3582. });
  3583. } else if (editOpts.mode === 'cell') {
  3584. this.handleActived(params, evnt).then(function () {
  3585. return _this29.checkValidate('change');
  3586. }).catch(function (e) {
  3587. return e;
  3588. });
  3589. }
  3590. }
  3591. }
  3592. this.emitEvent('cell-dblclick', params, evnt);
  3593. },
  3594. handleDefaultSort: function handleDefaultSort() {
  3595. var defaultSort = this.sortOpts.defaultSort;
  3596. if (defaultSort) {
  3597. var field = defaultSort.field,
  3598. order = defaultSort.order;
  3599. if (field && order) {
  3600. var column = _ctor.default.find(this.tableFullColumn, function (item) {
  3601. return item.property === field;
  3602. });
  3603. if (column && !column.order) {
  3604. this.sort(field, order);
  3605. }
  3606. }
  3607. }
  3608. },
  3609. /**
  3610. * 点击排序事件
  3611. */
  3612. triggerSortEvent: function triggerSortEvent(evnt, column, order) {
  3613. var property = column.property;
  3614. if (column.sortable || column.remoteSort) {
  3615. if (!order || column.order === order) {
  3616. this.clearSort();
  3617. } else {
  3618. this.sort(property, order);
  3619. }
  3620. var params = {
  3621. column: column,
  3622. property: property,
  3623. order: column.order,
  3624. sortBy: column.sortBy,
  3625. sortList: this.getSortColumns()
  3626. };
  3627. this.emitEvent('sort-change', params, evnt);
  3628. }
  3629. },
  3630. sort: function sort(field, order) {
  3631. var tableFullColumn = this.tableFullColumn,
  3632. sortOpts = this.sortOpts;
  3633. var column = this.getColumnByField(field);
  3634. if (column) {
  3635. var isRemote = _ctor.default.isBoolean(column.remoteSort) ? column.remoteSort : sortOpts.remote;
  3636. if (column.sortable || column.remoteSort) {
  3637. if (arguments.length <= 1) {
  3638. order = getNextSortOrder(this, column);
  3639. }
  3640. if (column.order !== order) {
  3641. tableFullColumn.forEach(function (column) {
  3642. column.order = null;
  3643. });
  3644. column.order = order; // 如果是服务端排序,则跳过本地排序处理
  3645. if (!isRemote) {
  3646. this.handleTableData(true);
  3647. }
  3648. }
  3649. return this.$nextTick().then(this.updateStyle);
  3650. }
  3651. }
  3652. return this.$nextTick();
  3653. },
  3654. /**
  3655. * 手动清空排序条件,数据会恢复成未排序的状态
  3656. */
  3657. clearSort: function clearSort() {
  3658. this.tableFullColumn.forEach(function (column) {
  3659. column.order = null;
  3660. });
  3661. return this.handleTableData(true);
  3662. },
  3663. // 在 v3 中废弃
  3664. getSortColumn: function getSortColumn() {
  3665. // UtilTools.warn('vxe.error.delFunc', ['getSortColumn', 'getSortColumns'])
  3666. return _ctor.default.find(this.tableFullColumn, function (column) {
  3667. return (column.sortable || column.remoteSort) && column.order;
  3668. });
  3669. },
  3670. isSort: function isSort(field) {
  3671. if (field) {
  3672. var column = this.getColumnByField(field);
  3673. return column && (column.sortable || column.remoteSort) && column.order;
  3674. }
  3675. return this.getSortColumns().length > 0;
  3676. },
  3677. getSortColumns: function getSortColumns() {
  3678. var sortList = [];
  3679. this.tableFullColumn.forEach(function (column) {
  3680. var order = column.order;
  3681. if ((column.sortable || column.remoteSort) && order) {
  3682. sortList.push({
  3683. column: column,
  3684. sortBy: column.sortBy,
  3685. property: column.property,
  3686. order: order
  3687. });
  3688. }
  3689. });
  3690. return sortList;
  3691. },
  3692. /**
  3693. * 关闭筛选
  3694. * @param {Event} evnt 事件
  3695. */
  3696. closeFilter: function closeFilter() {
  3697. Object.assign(this.filterStore, {
  3698. isAllSelected: false,
  3699. isIndeterminate: false,
  3700. options: [],
  3701. visible: false
  3702. });
  3703. return this.$nextTick();
  3704. },
  3705. /**
  3706. * 判断指定列是否为筛选状态,如果为空则判断所有列
  3707. * @param {String} fieldOrColumn 字段名或列
  3708. */
  3709. isFilter: function isFilter(fieldOrColumn) {
  3710. var column = _ctor.default.isString(fieldOrColumn) ? this.getColumnByField(fieldOrColumn) : fieldOrColumn;
  3711. if (column) {
  3712. return column.filters && column.filters.some(function (option) {
  3713. return option.checked;
  3714. });
  3715. }
  3716. return this.visibleColumn.some(function (column) {
  3717. return column.filters && column.filters.some(function (option) {
  3718. return option.checked;
  3719. });
  3720. });
  3721. },
  3722. /**
  3723. * 判断展开行是否懒加载完成
  3724. * @param {Row} row 行对象
  3725. */
  3726. isRowExpandLoaded: function isRowExpandLoaded(row) {
  3727. var rest = this.fullAllDataRowMap.get(row);
  3728. return rest && rest.expandLoaded;
  3729. },
  3730. clearRowExpandLoaded: function clearRowExpandLoaded(row) {
  3731. var expandOpts = this.expandOpts,
  3732. expandLazyLoadeds = this.expandLazyLoadeds,
  3733. fullAllDataRowMap = this.fullAllDataRowMap;
  3734. var lazy = expandOpts.lazy;
  3735. var rest = fullAllDataRowMap.get(row);
  3736. if (lazy && rest) {
  3737. rest.expandLoaded = false;
  3738. _ctor.default.remove(expandLazyLoadeds, function (item) {
  3739. return row === item;
  3740. });
  3741. }
  3742. return this.$nextTick();
  3743. },
  3744. /**
  3745. * 重新加载展开行的内容
  3746. * @param {Row} row 行对象
  3747. */
  3748. reloadExpandContent: function reloadExpandContent(row) {
  3749. var _this30 = this;
  3750. var expandOpts = this.expandOpts,
  3751. expandLazyLoadeds = this.expandLazyLoadeds;
  3752. var lazy = expandOpts.lazy;
  3753. if (lazy && expandLazyLoadeds.indexOf(row) === -1) {
  3754. this.clearRowExpandLoaded(row).then(function () {
  3755. return _this30.handleAsyncRowExpand(row);
  3756. });
  3757. }
  3758. return this.$nextTick();
  3759. },
  3760. /**
  3761. * 展开行事件
  3762. */
  3763. triggerRowExpandEvent: function triggerRowExpandEvent(evnt, params) {
  3764. var $listeners = this.$listeners,
  3765. expandOpts = this.expandOpts,
  3766. expandLazyLoadeds = this.expandLazyLoadeds,
  3767. column = this.expandColumn;
  3768. var row = params.row;
  3769. var lazy = expandOpts.lazy;
  3770. if (!lazy || expandLazyLoadeds.indexOf(row) === -1) {
  3771. var expanded = !this.isExpandByRow(row);
  3772. var columnIndex = this.getColumnIndex(column);
  3773. var $columnIndex = this.getVMColumnIndex(column);
  3774. this.setRowExpand(row, expanded); // 在 v3.0 中废弃 toggle-expand-change
  3775. if ($listeners['toggle-expand-change']) {
  3776. _tools.UtilTools.warn('vxe.error.delEvent', ['toggle-expand-change', 'toggle-row-expand']);
  3777. this.emitEvent('toggle-expand-change', {
  3778. expanded: expanded,
  3779. column: column,
  3780. columnIndex: columnIndex,
  3781. $columnIndex: $columnIndex,
  3782. row: row,
  3783. rowIndex: this.getRowIndex(row),
  3784. $rowIndex: this.getVMRowIndex(row)
  3785. }, evnt);
  3786. } else {
  3787. this.emitEvent('toggle-row-expand', {
  3788. expanded: expanded,
  3789. column: column,
  3790. columnIndex: columnIndex,
  3791. $columnIndex: $columnIndex,
  3792. row: row,
  3793. rowIndex: this.getRowIndex(row),
  3794. $rowIndex: this.getVMRowIndex(row)
  3795. }, evnt);
  3796. }
  3797. }
  3798. },
  3799. toggleRowExpansion: function toggleRowExpansion(row) {
  3800. _tools.UtilTools.warn('vxe.error.delFunc', ['toggleRowExpansion', 'toggleRowExpand']);
  3801. return this.toggleRowExpand(row);
  3802. },
  3803. /**
  3804. * 切换展开行
  3805. */
  3806. toggleRowExpand: function toggleRowExpand(row) {
  3807. return this.setRowExpand(row, !this.isExpandByRow(row));
  3808. },
  3809. /**
  3810. * 处理默认展开行
  3811. */
  3812. handleDefaultRowExpand: function handleDefaultRowExpand() {
  3813. var expandOpts = this.expandOpts,
  3814. fullDataRowIdData = this.fullDataRowIdData;
  3815. var expandAll = expandOpts.expandAll,
  3816. expandRowKeys = expandOpts.expandRowKeys;
  3817. if (expandAll) {
  3818. this.setAllRowExpand(true);
  3819. } else if (expandRowKeys) {
  3820. var defExpandeds = [];
  3821. expandRowKeys.forEach(function (rowid) {
  3822. if (fullDataRowIdData[rowid]) {
  3823. defExpandeds.push(fullDataRowIdData[rowid].row);
  3824. }
  3825. });
  3826. this.setRowExpand(defExpandeds, true);
  3827. }
  3828. },
  3829. setAllRowExpansion: function setAllRowExpansion(expanded) {
  3830. _tools.UtilTools.warn('vxe.error.delFunc', ['setAllRowExpansion', 'setAllRowExpand']);
  3831. return this.setAllRowExpand(expanded);
  3832. },
  3833. /**
  3834. * 设置所有行的展开与否
  3835. * @param {Boolean} expanded 是否展开
  3836. */
  3837. setAllRowExpand: function setAllRowExpand(expanded) {
  3838. return this.setRowExpand(this.expandOpts.lazy ? this.tableData : this.tableFullData, expanded);
  3839. },
  3840. handleAsyncRowExpand: function handleAsyncRowExpand(row) {
  3841. var _this31 = this;
  3842. var rest = this.fullAllDataRowMap.get(row);
  3843. return new Promise(function (resolve) {
  3844. _this31.expandLazyLoadeds.push(row);
  3845. _this31.expandOpts.loadMethod({
  3846. $table: _this31,
  3847. row: row,
  3848. rowIndex: _this31.getRowIndex(row),
  3849. $rowIndex: _this31.getVMRowIndex(row)
  3850. }).catch(function (e) {
  3851. return e;
  3852. }).then(function () {
  3853. rest.expandLoaded = true;
  3854. _ctor.default.remove(_this31.expandLazyLoadeds, function (item) {
  3855. return item === row;
  3856. });
  3857. _this31.rowExpandeds.push(row);
  3858. resolve(_this31.$nextTick().then(_this31.recalculate));
  3859. });
  3860. });
  3861. },
  3862. setRowExpansion: function setRowExpansion(rows, expanded) {
  3863. _tools.UtilTools.warn('vxe.error.delFunc', ['setRowExpansion', 'setRowExpand']);
  3864. return this.setRowExpand(rows, expanded);
  3865. },
  3866. /**
  3867. * 设置展开行,二个参数设置这一行展开与否
  3868. * 支持单行
  3869. * 支持多行
  3870. * @param {Array/Row} rows 行数据
  3871. * @param {Boolean} expanded 是否展开
  3872. */
  3873. setRowExpand: function setRowExpand(rows, expanded) {
  3874. var _this32 = this;
  3875. var fullAllDataRowMap = this.fullAllDataRowMap,
  3876. expandLazyLoadeds = this.expandLazyLoadeds,
  3877. expandOpts = this.expandOpts,
  3878. column = this.expandColumn;
  3879. var rowExpandeds = this.rowExpandeds;
  3880. var reserve = expandOpts.reserve,
  3881. lazy = expandOpts.lazy,
  3882. accordion = expandOpts.accordion,
  3883. toggleMethod = expandOpts.toggleMethod;
  3884. var lazyRests = [];
  3885. var columnIndex = this.getColumnIndex(column);
  3886. var $columnIndex = this.getVMColumnIndex(column);
  3887. if (rows) {
  3888. if (!_ctor.default.isArray(rows)) {
  3889. rows = [rows];
  3890. }
  3891. if (accordion) {
  3892. // 只能同时展开一个
  3893. rowExpandeds = [];
  3894. rows = rows.slice(rows.length - 1, rows.length);
  3895. }
  3896. var validRows = toggleMethod ? rows.filter(function (row) {
  3897. return toggleMethod({
  3898. expanded: expanded,
  3899. column: column,
  3900. columnIndex: columnIndex,
  3901. $columnIndex: $columnIndex,
  3902. row: row,
  3903. rowIndex: _this32.getRowIndex(row),
  3904. $rowIndex: _this32.getVMRowIndex(row)
  3905. });
  3906. }) : rows;
  3907. if (expanded) {
  3908. validRows.forEach(function (row) {
  3909. if (rowExpandeds.indexOf(row) === -1) {
  3910. var rest = fullAllDataRowMap.get(row);
  3911. var isLoad = lazy && !rest.expandLoaded && expandLazyLoadeds.indexOf(row) === -1;
  3912. if (isLoad) {
  3913. lazyRests.push(_this32.handleAsyncRowExpand(row));
  3914. } else {
  3915. rowExpandeds.push(row);
  3916. }
  3917. }
  3918. });
  3919. } else {
  3920. _ctor.default.remove(rowExpandeds, function (row) {
  3921. return validRows.indexOf(row) > -1;
  3922. });
  3923. }
  3924. if (reserve) {
  3925. validRows.forEach(function (row) {
  3926. return _this32.handleRowExpandReserve(row, expanded);
  3927. });
  3928. }
  3929. }
  3930. this.rowExpandeds = rowExpandeds;
  3931. return Promise.all(lazyRests).then(this.recalculate);
  3932. },
  3933. // 在 v3.0 中废弃 getRecords
  3934. hasRowExpand: function hasRowExpand(row) {
  3935. _tools.UtilTools.warn('vxe.error.delFunc', ['hasRowExpand', 'isExpandByRow']);
  3936. return this.isExpandByRow(row);
  3937. },
  3938. /**
  3939. * 判断行是否为展开状态
  3940. * @param {Row} row 行对象
  3941. */
  3942. isExpandByRow: function isExpandByRow(row) {
  3943. return this.rowExpandeds.indexOf(row) > -1;
  3944. },
  3945. /**
  3946. * 手动清空展开行状态,数据会恢复成未展开的状态
  3947. */
  3948. clearRowExpand: function clearRowExpand() {
  3949. var _this33 = this;
  3950. var expandOpts = this.expandOpts,
  3951. rowExpandeds = this.rowExpandeds,
  3952. tableFullData = this.tableFullData;
  3953. var reserve = expandOpts.reserve;
  3954. var isExists = rowExpandeds.length;
  3955. this.rowExpandeds = [];
  3956. if (reserve) {
  3957. tableFullData.forEach(function (row) {
  3958. return _this33.handleRowExpandReserve(row, false);
  3959. });
  3960. }
  3961. return this.$nextTick().then(function () {
  3962. if (isExists) {
  3963. _this33.recalculate();
  3964. }
  3965. });
  3966. },
  3967. clearRowExpandReserve: function clearRowExpandReserve() {
  3968. this.rowExpandedReserveRowMap = {};
  3969. return this.$nextTick();
  3970. },
  3971. handleRowExpandReserve: function handleRowExpandReserve(row, expanded) {
  3972. var rowExpandedReserveRowMap = this.rowExpandedReserveRowMap,
  3973. expandOpts = this.expandOpts;
  3974. if (expandOpts.reserve) {
  3975. var rowid = getRowid(this, row);
  3976. if (expanded) {
  3977. rowExpandedReserveRowMap[rowid] = row;
  3978. } else if (rowExpandedReserveRowMap[rowid]) {
  3979. delete rowExpandedReserveRowMap[rowid];
  3980. }
  3981. }
  3982. },
  3983. getRowExpandRecords: function getRowExpandRecords() {
  3984. return this.rowExpandeds.slice(0);
  3985. },
  3986. getTreeExpandRecords: function getTreeExpandRecords() {
  3987. return this.treeExpandeds.slice(0);
  3988. },
  3989. /**
  3990. * 获取数表格状态
  3991. */
  3992. getTreeStatus: function getTreeStatus() {
  3993. if (this.treeConfig) {
  3994. return {
  3995. config: this.treeOpts,
  3996. rowExpandeds: this.getTreeExpandRecords()
  3997. };
  3998. }
  3999. return null;
  4000. },
  4001. /**
  4002. * 判断树节点是否懒加载完成
  4003. * @param {Row} row 行对象
  4004. */
  4005. isTreeExpandLoaded: function isTreeExpandLoaded(row) {
  4006. var rest = this.fullAllDataRowMap.get(row);
  4007. return rest && rest.treeLoaded;
  4008. },
  4009. clearTreeExpandLoaded: function clearTreeExpandLoaded(row) {
  4010. var treeOpts = this.treeOpts,
  4011. treeExpandeds = this.treeExpandeds,
  4012. fullAllDataRowMap = this.fullAllDataRowMap;
  4013. var lazy = treeOpts.lazy;
  4014. var rest = fullAllDataRowMap.get(row);
  4015. if (lazy && rest) {
  4016. rest.treeLoaded = false;
  4017. _ctor.default.remove(treeExpandeds, function (item) {
  4018. return row === item;
  4019. });
  4020. }
  4021. return this.$nextTick();
  4022. },
  4023. /**
  4024. * 重新加载树的子节点
  4025. * @param {Row} row 行对象
  4026. */
  4027. reloadTreeChilds: function reloadTreeChilds(row) {
  4028. var _this34 = this;
  4029. var treeOpts = this.treeOpts,
  4030. treeLazyLoadeds = this.treeLazyLoadeds;
  4031. var lazy = treeOpts.lazy,
  4032. hasChild = treeOpts.hasChild;
  4033. if (lazy && row[hasChild] && treeLazyLoadeds.indexOf(row) === -1) {
  4034. this.clearTreeExpandLoaded(row).then(function () {
  4035. return _this34.handleAsyncTreeExpandChilds(row);
  4036. });
  4037. }
  4038. return this.$nextTick();
  4039. },
  4040. /**
  4041. * 展开树节点事件
  4042. */
  4043. triggerTreeExpandEvent: function triggerTreeExpandEvent(evnt, params) {
  4044. var $listeners = this.$listeners,
  4045. treeOpts = this.treeOpts,
  4046. treeLazyLoadeds = this.treeLazyLoadeds;
  4047. var row = params.row,
  4048. column = params.column;
  4049. var lazy = treeOpts.lazy;
  4050. if (!lazy || treeLazyLoadeds.indexOf(row) === -1) {
  4051. var expanded = !this.isTreeExpandByRow(row);
  4052. var columnIndex = this.getColumnIndex(column);
  4053. var $columnIndex = this.getVMColumnIndex(column);
  4054. this.setTreeExpand(row, expanded); // 在 v3.0 中废弃 toggle-tree-change
  4055. if ($listeners['toggle-tree-change']) {
  4056. _tools.UtilTools.warn('vxe.error.delEvent', ['toggle-tree-change', 'toggle-tree-expand']);
  4057. this.emitEvent('toggle-tree-change', {
  4058. expanded: expanded,
  4059. column: column,
  4060. columnIndex: columnIndex,
  4061. $columnIndex: $columnIndex,
  4062. row: row
  4063. }, evnt);
  4064. } else {
  4065. this.emitEvent('toggle-tree-expand', {
  4066. expanded: expanded,
  4067. column: column,
  4068. columnIndex: columnIndex,
  4069. $columnIndex: $columnIndex,
  4070. row: row
  4071. }, evnt);
  4072. }
  4073. }
  4074. },
  4075. toggleTreeExpansion: function toggleTreeExpansion(row) {
  4076. _tools.UtilTools.warn('vxe.error.delFunc', ['toggleTreeExpansion', 'toggleTreeExpand']);
  4077. return this.toggleTreeExpand(row);
  4078. },
  4079. /**
  4080. * 切换/展开树节点
  4081. */
  4082. toggleTreeExpand: function toggleTreeExpand(row) {
  4083. return this.setTreeExpand(row, !this.isTreeExpandByRow(row));
  4084. },
  4085. /**
  4086. * 处理默认展开树节点
  4087. */
  4088. handleDefaultTreeExpand: function handleDefaultTreeExpand() {
  4089. var treeConfig = this.treeConfig,
  4090. treeOpts = this.treeOpts,
  4091. tableFullData = this.tableFullData;
  4092. if (treeConfig) {
  4093. var expandAll = treeOpts.expandAll,
  4094. expandRowKeys = treeOpts.expandRowKeys;
  4095. if (expandAll) {
  4096. this.setAllTreeExpand(true);
  4097. } else if (expandRowKeys) {
  4098. var defExpandeds = [];
  4099. var rowkey = getRowkey(this);
  4100. expandRowKeys.forEach(function (rowid) {
  4101. var matchObj = _ctor.default.findTree(tableFullData, function (item) {
  4102. return rowid === _ctor.default.get(item, rowkey);
  4103. }, treeOpts);
  4104. if (matchObj) {
  4105. defExpandeds.push(matchObj.item);
  4106. }
  4107. });
  4108. this.setTreeExpand(defExpandeds, true);
  4109. }
  4110. }
  4111. },
  4112. handleAsyncTreeExpandChilds: function handleAsyncTreeExpandChilds(row) {
  4113. var _this35 = this;
  4114. var fullAllDataRowMap = this.fullAllDataRowMap,
  4115. treeExpandeds = this.treeExpandeds,
  4116. treeOpts = this.treeOpts,
  4117. treeLazyLoadeds = this.treeLazyLoadeds,
  4118. checkboxOpts = this.checkboxOpts;
  4119. var loadMethod = treeOpts.loadMethod;
  4120. var checkStrictly = checkboxOpts.checkStrictly;
  4121. var rest = fullAllDataRowMap.get(row);
  4122. return new Promise(function (resolve) {
  4123. treeLazyLoadeds.push(row);
  4124. loadMethod({
  4125. $table: _this35,
  4126. row: row
  4127. }).catch(function () {
  4128. return [];
  4129. }).then(function (childRecords) {
  4130. rest.treeLoaded = true;
  4131. _ctor.default.remove(treeLazyLoadeds, function (item) {
  4132. return item === row;
  4133. });
  4134. if (!_ctor.default.isArray(childRecords)) {
  4135. childRecords = [];
  4136. }
  4137. if (childRecords) {
  4138. _this35.loadChildren(row, childRecords).then(function (childRows) {
  4139. if (childRows.length && treeExpandeds.indexOf(row) === -1) {
  4140. treeExpandeds.push(row);
  4141. } // 如果当前节点已选中,则展开后子节点也被选中
  4142. if (!checkStrictly && _this35.isCheckedByCheckboxRow(row)) {
  4143. _this35.setCheckboxRow(childRows, true);
  4144. }
  4145. });
  4146. }
  4147. resolve(_this35.$nextTick().then(_this35.recalculate));
  4148. });
  4149. });
  4150. },
  4151. setAllTreeExpansion: function setAllTreeExpansion(expanded) {
  4152. _tools.UtilTools.warn('vxe.error.delFunc', ['setAllTreeExpansion', 'setAllTreeExpand']);
  4153. return this.setAllTreeExpand(expanded);
  4154. },
  4155. /**
  4156. * 设置所有树节点的展开与否
  4157. * @param {Boolean} expanded 是否展开
  4158. */
  4159. setAllTreeExpand: function setAllTreeExpand(expanded) {
  4160. var tableFullData = this.tableFullData,
  4161. treeOpts = this.treeOpts;
  4162. var lazy = treeOpts.lazy,
  4163. children = treeOpts.children;
  4164. var expandeds = [];
  4165. _ctor.default.eachTree(tableFullData, function (row) {
  4166. var rowChildren = row[children];
  4167. if (lazy || rowChildren && rowChildren.length) {
  4168. expandeds.push(row);
  4169. }
  4170. }, treeOpts);
  4171. return this.setTreeExpand(expandeds, expanded);
  4172. },
  4173. setTreeExpansion: function setTreeExpansion(rows, expanded) {
  4174. _tools.UtilTools.warn('vxe.error.delFunc', ['setTreeExpansion', 'setTreeExpand']);
  4175. return this.setTreeExpand(rows, expanded);
  4176. },
  4177. /**
  4178. * 设置展开树形节点,二个参数设置这一行展开与否
  4179. * 支持单行
  4180. * 支持多行
  4181. * @param {Array/Row} rows 行数据
  4182. * @param {Boolean} expanded 是否展开
  4183. */
  4184. setTreeExpand: function setTreeExpand(rows, expanded) {
  4185. var _this36 = this;
  4186. var fullAllDataRowMap = this.fullAllDataRowMap,
  4187. tableFullData = this.tableFullData,
  4188. treeExpandeds = this.treeExpandeds,
  4189. treeOpts = this.treeOpts,
  4190. treeLazyLoadeds = this.treeLazyLoadeds,
  4191. treeNodeColumn = this.treeNodeColumn;
  4192. var reserve = treeOpts.reserve,
  4193. lazy = treeOpts.lazy,
  4194. hasChild = treeOpts.hasChild,
  4195. children = treeOpts.children,
  4196. accordion = treeOpts.accordion,
  4197. toggleMethod = treeOpts.toggleMethod;
  4198. var result = [];
  4199. var columnIndex = this.getColumnIndex(treeNodeColumn);
  4200. var $columnIndex = this.getVMColumnIndex(treeNodeColumn);
  4201. if (rows) {
  4202. if (!_ctor.default.isArray(rows)) {
  4203. rows = [rows];
  4204. }
  4205. if (rows.length) {
  4206. var validRows = toggleMethod ? rows.filter(function (row) {
  4207. return toggleMethod({
  4208. expanded: expanded,
  4209. column: treeNodeColumn,
  4210. columnIndex: columnIndex,
  4211. $columnIndex: $columnIndex,
  4212. row: row
  4213. });
  4214. }) : rows;
  4215. if (accordion) {
  4216. validRows = validRows.length ? [validRows[validRows.length - 1]] : []; // 同一级只能展开一个
  4217. var matchObj = _ctor.default.findTree(tableFullData, function (item) {
  4218. return item === validRows[0];
  4219. }, treeOpts);
  4220. if (matchObj) {
  4221. _ctor.default.remove(treeExpandeds, function (item) {
  4222. return matchObj.items.indexOf(item) > -1;
  4223. });
  4224. }
  4225. }
  4226. if (expanded) {
  4227. validRows.forEach(function (row) {
  4228. if (treeExpandeds.indexOf(row) === -1) {
  4229. var rest = fullAllDataRowMap.get(row);
  4230. var isLoad = lazy && row[hasChild] && !rest.treeLoaded && treeLazyLoadeds.indexOf(row) === -1; // 是否使用懒加载
  4231. if (isLoad) {
  4232. result.push(_this36.handleAsyncTreeExpandChilds(row));
  4233. } else {
  4234. if (row[children] && row[children].length) {
  4235. treeExpandeds.push(row);
  4236. }
  4237. }
  4238. }
  4239. });
  4240. } else {
  4241. _ctor.default.remove(treeExpandeds, function (row) {
  4242. return validRows.indexOf(row) > -1;
  4243. });
  4244. }
  4245. if (reserve) {
  4246. validRows.forEach(function (row) {
  4247. return _this36.handleTreeExpandReserve(row, expanded);
  4248. });
  4249. }
  4250. return Promise.all(result).then(this.recalculate);
  4251. }
  4252. }
  4253. return this.$nextTick();
  4254. },
  4255. // 在 v3.0 中废弃 hasTreeExpand
  4256. hasTreeExpand: function hasTreeExpand(row) {
  4257. _tools.UtilTools.warn('vxe.error.delFunc', ['hasTreeExpand', 'isTreeExpandByRow']);
  4258. return this.isTreeExpandByRow(row);
  4259. },
  4260. /**
  4261. * 判断行是否为树形节点展开状态
  4262. * @param {Row} row 行对象
  4263. */
  4264. isTreeExpandByRow: function isTreeExpandByRow(row) {
  4265. return this.treeExpandeds.indexOf(row) > -1;
  4266. },
  4267. /**
  4268. * 手动清空树形节点的展开状态,数据会恢复成未展开的状态
  4269. */
  4270. clearTreeExpand: function clearTreeExpand() {
  4271. var _this37 = this;
  4272. var treeOpts = this.treeOpts,
  4273. treeExpandeds = this.treeExpandeds,
  4274. tableFullData = this.tableFullData;
  4275. var reserve = treeOpts.reserve;
  4276. var isExists = treeExpandeds.length;
  4277. this.treeExpandeds = [];
  4278. if (reserve) {
  4279. _ctor.default.eachTree(tableFullData, function (row) {
  4280. return _this37.handleTreeExpandReserve(row, false);
  4281. }, treeOpts);
  4282. }
  4283. return this.$nextTick().then(function () {
  4284. if (isExists) {
  4285. _this37.recalculate();
  4286. }
  4287. });
  4288. },
  4289. clearTreeExpandReserve: function clearTreeExpandReserve() {
  4290. this.treeExpandedReserveRowMap = {};
  4291. return this.$nextTick();
  4292. },
  4293. handleTreeExpandReserve: function handleTreeExpandReserve(row, expanded) {
  4294. var treeExpandedReserveRowMap = this.treeExpandedReserveRowMap,
  4295. treeOpts = this.treeOpts;
  4296. if (treeOpts.reserve) {
  4297. var rowid = getRowid(this, row);
  4298. if (expanded) {
  4299. treeExpandedReserveRowMap[rowid] = row;
  4300. } else if (treeExpandedReserveRowMap[rowid]) {
  4301. delete treeExpandedReserveRowMap[rowid];
  4302. }
  4303. }
  4304. },
  4305. getVirtualScroller: function getVirtualScroller() {
  4306. _tools.UtilTools.warn('vxe.error.delFunc', ['getVirtualScroller', 'getScroll']);
  4307. return this.getScroll();
  4308. },
  4309. getTableScroll: function getTableScroll() {
  4310. _tools.UtilTools.warn('vxe.error.delFunc', ['getTableScroll', 'getScroll']);
  4311. return this.getScroll();
  4312. },
  4313. /**
  4314. * 获取表格的滚动状态
  4315. */
  4316. getScroll: function getScroll() {
  4317. var $refs = this.$refs,
  4318. scrollXLoad = this.scrollXLoad,
  4319. scrollYLoad = this.scrollYLoad;
  4320. var bodyElem = $refs.tableBody.$el;
  4321. return {
  4322. virtualX: scrollXLoad,
  4323. virtualY: scrollYLoad,
  4324. scrollTop: bodyElem.scrollTop,
  4325. scrollLeft: bodyElem.scrollLeft
  4326. };
  4327. },
  4328. /**
  4329. * 横向 X 可视渲染事件处理
  4330. */
  4331. triggerScrollXEvent: function triggerScrollXEvent() {
  4332. this.loadScrollXData();
  4333. },
  4334. loadScrollXData: function loadScrollXData(force) {
  4335. var $refs = this.$refs,
  4336. visibleColumn = this.visibleColumn,
  4337. scrollXStore = this.scrollXStore;
  4338. var startIndex = scrollXStore.startIndex,
  4339. renderSize = scrollXStore.renderSize,
  4340. offsetSize = scrollXStore.offsetSize,
  4341. visibleSize = scrollXStore.visibleSize;
  4342. var scrollBodyElem = $refs.tableBody.$el;
  4343. var scrollLeft = scrollBodyElem.scrollLeft;
  4344. var toVisibleIndex = 0;
  4345. var width = 0;
  4346. var preload = force || false;
  4347. var colLen = visibleColumn.length;
  4348. for (var colIndex = 0; colIndex < colLen; colIndex++) {
  4349. width += visibleColumn[colIndex].renderWidth;
  4350. if (scrollLeft < width) {
  4351. toVisibleIndex = colIndex;
  4352. break;
  4353. }
  4354. }
  4355. if (force || scrollXStore.visibleIndex !== toVisibleIndex) {
  4356. var marginSize = Math.min(Math.floor((renderSize - visibleSize) / 2), visibleSize);
  4357. if (scrollXStore.visibleIndex === toVisibleIndex) {
  4358. scrollXStore.startIndex = toVisibleIndex;
  4359. } else if (scrollXStore.visibleIndex > toVisibleIndex) {
  4360. // 向左
  4361. preload = toVisibleIndex - offsetSize <= startIndex;
  4362. if (preload) {
  4363. scrollXStore.startIndex = Math.max(0, Math.max(0, toVisibleIndex - marginSize));
  4364. }
  4365. } else {
  4366. // 向右
  4367. preload = toVisibleIndex + visibleSize + offsetSize >= startIndex + renderSize;
  4368. if (preload) {
  4369. scrollXStore.startIndex = Math.max(0, Math.min(visibleColumn.length - renderSize, toVisibleIndex - marginSize));
  4370. }
  4371. }
  4372. if (preload) {
  4373. this.updateScrollXData();
  4374. }
  4375. scrollXStore.visibleIndex = toVisibleIndex;
  4376. }
  4377. this.closeTooltip();
  4378. },
  4379. /**
  4380. * 纵向 Y 可视渲染事件处理
  4381. */
  4382. triggerScrollYEvent: function triggerScrollYEvent(evnt) {
  4383. var scrollYStore = this.scrollYStore;
  4384. var adaptive = scrollYStore.adaptive,
  4385. offsetSize = scrollYStore.offsetSize,
  4386. visibleSize = scrollYStore.visibleSize; // webkit 浏览器使用最佳的渲染方式
  4387. if (isWebkit && adaptive && offsetSize * 2 + visibleSize <= 80) {
  4388. this.loadScrollYData(evnt);
  4389. } else {
  4390. this.debounceScrollY(evnt);
  4391. }
  4392. },
  4393. debounceScrollY: _ctor.default.debounce(function (evnt) {
  4394. this.loadScrollYData(evnt);
  4395. }, debounceScrollYDuration, {
  4396. leading: false,
  4397. trailing: true
  4398. }),
  4399. /**
  4400. * 纵向 Y 可视渲染处理
  4401. */
  4402. loadScrollYData: function loadScrollYData(evnt) {
  4403. var afterFullData = this.afterFullData,
  4404. scrollYStore = this.scrollYStore,
  4405. isLoadData = this.isLoadData;
  4406. var startIndex = scrollYStore.startIndex,
  4407. renderSize = scrollYStore.renderSize,
  4408. offsetSize = scrollYStore.offsetSize,
  4409. visibleSize = scrollYStore.visibleSize,
  4410. rowHeight = scrollYStore.rowHeight;
  4411. var scrollBodyElem = evnt.target;
  4412. var scrollTop = scrollBodyElem.scrollTop;
  4413. var toVisibleIndex = Math.ceil(scrollTop / rowHeight);
  4414. var preload = false;
  4415. if (isLoadData || scrollYStore.visibleIndex !== toVisibleIndex) {
  4416. var marginSize = Math.min(Math.floor((renderSize - visibleSize) / 2), visibleSize);
  4417. if (scrollYStore.visibleIndex > toVisibleIndex) {
  4418. // 向上
  4419. preload = toVisibleIndex - offsetSize <= startIndex;
  4420. if (preload) {
  4421. scrollYStore.startIndex = Math.max(0, toVisibleIndex - Math.max(marginSize, renderSize - visibleSize));
  4422. }
  4423. } else {
  4424. // 向下
  4425. preload = toVisibleIndex + visibleSize + offsetSize >= startIndex + renderSize;
  4426. if (preload) {
  4427. scrollYStore.startIndex = Math.max(0, Math.min(afterFullData.length - renderSize, toVisibleIndex - marginSize));
  4428. }
  4429. }
  4430. if (preload) {
  4431. this.updateScrollYData();
  4432. }
  4433. scrollYStore.visibleIndex = toVisibleIndex;
  4434. this.isLoadData = false;
  4435. }
  4436. },
  4437. computeRowHeight: function computeRowHeight() {
  4438. var tableBody = this.$refs.tableBody;
  4439. var tableBodyElem = tableBody ? tableBody.$el : null;
  4440. var tableHeader = this.$refs.tableHeader;
  4441. var rowHeight;
  4442. if (tableBodyElem) {
  4443. var firstTrElem = tableBodyElem.querySelector('tbody>tr');
  4444. if (!firstTrElem && tableHeader) {
  4445. firstTrElem = tableHeader.$el.querySelector('thead>tr');
  4446. }
  4447. if (firstTrElem) {
  4448. rowHeight = firstTrElem.clientHeight;
  4449. }
  4450. } // 默认的行高
  4451. if (!rowHeight) {
  4452. rowHeight = this.rowHeightMaps[this.vSize || 'default'];
  4453. }
  4454. this.rowHeight = rowHeight;
  4455. },
  4456. // 计算可视渲染相关数据
  4457. computeScrollLoad: function computeScrollLoad() {
  4458. var _this38 = this;
  4459. return this.$nextTick().then(function () {
  4460. var vSize = _this38.vSize,
  4461. scrollXLoad = _this38.scrollXLoad,
  4462. scrollYLoad = _this38.scrollYLoad,
  4463. sYOpts = _this38.sYOpts,
  4464. scrollYStore = _this38.scrollYStore,
  4465. sXOpts = _this38.sXOpts,
  4466. scrollXStore = _this38.scrollXStore,
  4467. visibleColumn = _this38.visibleColumn,
  4468. rowHeightMaps = _this38.rowHeightMaps;
  4469. var tableBody = _this38.$refs.tableBody;
  4470. var tableBodyElem = tableBody ? tableBody.$el : null;
  4471. var tableHeader = _this38.$refs.tableHeader;
  4472. if (tableBodyElem) {
  4473. // 计算 X 逻辑
  4474. if (scrollXLoad) {
  4475. var bodyWidth = tableBodyElem.clientWidth;
  4476. var visibleXSize = _ctor.default.toNumber(sXOpts.vSize);
  4477. if (!sXOpts.vSize) {
  4478. var len = visibleXSize = visibleColumn.length;
  4479. var countWidth = 0;
  4480. var column;
  4481. for (var colIndex = 0; colIndex < len; colIndex++) {
  4482. column = visibleColumn[colIndex];
  4483. countWidth += column.renderWidth;
  4484. if (countWidth > bodyWidth) {
  4485. visibleXSize = colIndex + 1;
  4486. break;
  4487. }
  4488. }
  4489. }
  4490. scrollXStore.visibleSize = visibleXSize; // 自动优化
  4491. if (!sXOpts.oSize) {
  4492. scrollXStore.offsetSize = visibleXSize;
  4493. }
  4494. if (!sXOpts.rSize) {
  4495. scrollXStore.renderSize = Math.max(8, visibleXSize + 6);
  4496. }
  4497. _this38.updateScrollXData();
  4498. } else {
  4499. _this38.updateScrollXSpace();
  4500. } // 计算 Y 逻辑
  4501. if (scrollYLoad) {
  4502. var rHeight;
  4503. if (sYOpts.rHeight) {
  4504. rHeight = sYOpts.rHeight;
  4505. } else {
  4506. var firstTrElem = tableBodyElem.querySelector('tbody>tr');
  4507. if (!firstTrElem && tableHeader) {
  4508. firstTrElem = tableHeader.$el.querySelector('thead>tr');
  4509. }
  4510. if (firstTrElem) {
  4511. rHeight = firstTrElem.clientHeight;
  4512. }
  4513. } // 默认的行高
  4514. if (!rHeight) {
  4515. rHeight = rowHeightMaps[vSize || 'default'];
  4516. }
  4517. var visibleYSize = _ctor.default.toNumber(sYOpts.vSize || Math.ceil(tableBodyElem.clientHeight / rHeight));
  4518. scrollYStore.visibleSize = visibleYSize;
  4519. scrollYStore.rowHeight = rHeight; // 自动优化
  4520. if (!sYOpts.oSize) {
  4521. scrollYStore.offsetSize = visibleYSize;
  4522. }
  4523. if (!sYOpts.rSize) {
  4524. scrollYStore.renderSize = Math.max(6, browse.edge ? visibleYSize * 10 : isWebkit ? visibleYSize + 2 : visibleYSize * 6);
  4525. }
  4526. _this38.updateScrollYData();
  4527. } else {
  4528. _this38.updateScrollYSpace();
  4529. }
  4530. }
  4531. _this38.$nextTick(_this38.updateStyle);
  4532. });
  4533. },
  4534. updateScrollXData: function updateScrollXData() {
  4535. var visibleColumn = this.visibleColumn,
  4536. scrollXStore = this.scrollXStore;
  4537. this.tableColumn = visibleColumn.slice(scrollXStore.startIndex, scrollXStore.startIndex + scrollXStore.renderSize);
  4538. this.updateScrollXSpace();
  4539. },
  4540. // 更新横向 X 可视渲染上下剩余空间大小
  4541. updateScrollXSpace: function updateScrollXSpace() {
  4542. var $refs = this.$refs,
  4543. elemStore = this.elemStore,
  4544. visibleColumn = this.visibleColumn,
  4545. scrollXStore = this.scrollXStore,
  4546. scrollXLoad = this.scrollXLoad,
  4547. tableWidth = this.tableWidth,
  4548. scrollbarWidth = this.scrollbarWidth;
  4549. var tableHeader = $refs.tableHeader,
  4550. tableBody = $refs.tableBody,
  4551. tableFooter = $refs.tableFooter;
  4552. var headerElem = tableHeader ? tableHeader.$el.querySelector('.vxe-table--header') : null;
  4553. var bodyElem = tableBody.$el.querySelector('.vxe-table--body');
  4554. var footerElem = tableFooter ? tableFooter.$el.querySelector('.vxe-table--footer') : null;
  4555. var leftSpaceWidth = visibleColumn.slice(0, scrollXStore.startIndex).reduce(function (previous, column) {
  4556. return previous + column.renderWidth;
  4557. }, 0);
  4558. var marginLeft = '';
  4559. if (scrollXLoad) {
  4560. marginLeft = "".concat(leftSpaceWidth, "px");
  4561. }
  4562. if (headerElem) {
  4563. headerElem.style.marginLeft = marginLeft;
  4564. }
  4565. bodyElem.style.marginLeft = marginLeft;
  4566. if (footerElem) {
  4567. footerElem.style.marginLeft = marginLeft;
  4568. }
  4569. var containerList = ['main'];
  4570. containerList.forEach(function (name) {
  4571. var layoutList = ['header', 'body', 'footer'];
  4572. layoutList.forEach(function (layout) {
  4573. var xSpaceElem = elemStore["".concat(name, "-").concat(layout, "-xSpace")];
  4574. if (xSpaceElem) {
  4575. xSpaceElem.style.width = scrollXLoad ? "".concat(tableWidth + (layout === 'header' ? scrollbarWidth : 0), "px") : '';
  4576. }
  4577. });
  4578. });
  4579. this.$nextTick(this.updateStyle);
  4580. },
  4581. updateScrollYData: function updateScrollYData() {
  4582. this.handleTableData();
  4583. this.updateScrollYSpace();
  4584. },
  4585. // 更新纵向 Y 可视渲染上下剩余空间大小
  4586. updateScrollYSpace: function updateScrollYSpace() {
  4587. var elemStore = this.elemStore,
  4588. scrollYStore = this.scrollYStore,
  4589. scrollYLoad = this.scrollYLoad,
  4590. afterFullData = this.afterFullData;
  4591. var bodyHeight = afterFullData.length * scrollYStore.rowHeight;
  4592. var topSpaceHeight = Math.max(scrollYStore.startIndex * scrollYStore.rowHeight, 0);
  4593. var containerList = ['main', 'left', 'right'];
  4594. var marginTop = '';
  4595. var ySpaceHeight = '';
  4596. if (scrollYLoad) {
  4597. marginTop = "".concat(topSpaceHeight, "px");
  4598. ySpaceHeight = "".concat(bodyHeight, "px");
  4599. }
  4600. containerList.forEach(function (name) {
  4601. var layoutList = ['header', 'body', 'footer'];
  4602. var tableElem = elemStore["".concat(name, "-body-table")];
  4603. if (tableElem) {
  4604. tableElem.style.marginTop = marginTop;
  4605. }
  4606. layoutList.forEach(function (layout) {
  4607. var ySpaceElem = elemStore["".concat(name, "-").concat(layout, "-ySpace")];
  4608. if (ySpaceElem) {
  4609. ySpaceElem.style.height = ySpaceHeight;
  4610. }
  4611. });
  4612. });
  4613. this.$nextTick(this.updateStyle);
  4614. },
  4615. /**
  4616. * 如果有滚动条,则滚动到对应的位置
  4617. * @param {Number} scrollLeft 左距离
  4618. * @param {Number} scrollTop 上距离
  4619. */
  4620. scrollTo: function scrollTo(scrollLeft, scrollTop) {
  4621. var _this39 = this;
  4622. var $refs = this.$refs;
  4623. var tableBody = $refs.tableBody,
  4624. rightBody = $refs.rightBody,
  4625. tableFooter = $refs.tableFooter;
  4626. var tableBodyElem = tableBody ? tableBody.$el : null;
  4627. var rightBodyElem = rightBody ? rightBody.$el : null;
  4628. var bodyTargetElem = rightBodyElem || tableBodyElem;
  4629. var tableFooterElem = tableFooter ? tableFooter.$el : null;
  4630. var footerTargetElem = tableFooterElem || tableBodyElem;
  4631. if (_ctor.default.isNumber(scrollLeft)) {
  4632. footerTargetElem.scrollLeft = scrollLeft;
  4633. }
  4634. if (_ctor.default.isNumber(scrollTop)) {
  4635. bodyTargetElem.scrollTop = scrollTop;
  4636. }
  4637. if (this.scrollXLoad || this.scrollYLoad) {
  4638. return new Promise(function (resolve) {
  4639. return setTimeout(function () {
  4640. return resolve(_this39.$nextTick());
  4641. }, 50);
  4642. });
  4643. }
  4644. return this.$nextTick();
  4645. },
  4646. /**
  4647. * 如果有滚动条,则滚动到对应的行
  4648. * @param {Row} row 行对象
  4649. * @param {ColumnInfo} column 列配置
  4650. */
  4651. scrollToRow: function scrollToRow(row, column) {
  4652. var rest = [];
  4653. if (row) {
  4654. if (this.treeConfig) {
  4655. rest.push(this.scrollToTreeRow(row));
  4656. } else {
  4657. rest.push(_tools.DomTools.rowToVisible(this, row));
  4658. }
  4659. }
  4660. if (column) {
  4661. rest.push(this.scrollToColumn(column));
  4662. }
  4663. return Promise.all(rest);
  4664. },
  4665. /**
  4666. * 如果有滚动条,则滚动到对应的列
  4667. * @param {ColumnInfo} column 列配置
  4668. */
  4669. scrollToColumn: function scrollToColumn(column) {
  4670. if (column && this.fullColumnMap.has(column)) {
  4671. return _tools.DomTools.colToVisible(this, column);
  4672. }
  4673. return this.$nextTick();
  4674. },
  4675. /**
  4676. * 对于树形结构中,可以直接滚动到指定深层节点中
  4677. * 对于某些特定的场景可能会用到,比如定位到某一节点
  4678. * @param {Row} row 行对象
  4679. */
  4680. scrollToTreeRow: function scrollToTreeRow(row) {
  4681. var _this40 = this;
  4682. var tableFullData = this.tableFullData,
  4683. treeConfig = this.treeConfig,
  4684. treeOpts = this.treeOpts;
  4685. var rests = [];
  4686. if (treeConfig) {
  4687. var matchObj = _ctor.default.findTree(tableFullData, function (item) {
  4688. return item === row;
  4689. }, treeOpts);
  4690. if (matchObj) {
  4691. var nodes = matchObj.nodes;
  4692. nodes.forEach(function (row, index) {
  4693. if (index < nodes.length - 1 && !_this40.isTreeExpandByRow(row)) {
  4694. rests.push(_this40.setTreeExpand(row, true));
  4695. }
  4696. });
  4697. }
  4698. }
  4699. return Promise.all(rests).then(function () {
  4700. return _tools.DomTools.rowToVisible(_this40, row);
  4701. });
  4702. },
  4703. /**
  4704. * 手动清除滚动相关信息,还原到初始状态
  4705. */
  4706. clearScroll: function clearScroll() {
  4707. var $refs = this.$refs;
  4708. var tableBody = $refs.tableBody,
  4709. rightBody = $refs.rightBody,
  4710. tableFooter = $refs.tableFooter;
  4711. var tableBodyElem = tableBody ? tableBody.$el : null;
  4712. var rightBodyElem = rightBody ? rightBody.$el : null;
  4713. var tableFooterElem = tableFooter ? tableFooter.$el : null;
  4714. if (rightBodyElem) {
  4715. rightBodyElem.scrollTop = 0;
  4716. }
  4717. if (tableFooterElem) {
  4718. tableFooterElem.scrollLeft = 0;
  4719. }
  4720. if (tableBodyElem) {
  4721. tableBodyElem.scrollTop = 0;
  4722. tableBodyElem.scrollLeft = 0;
  4723. }
  4724. return this.$nextTick();
  4725. },
  4726. /**
  4727. * 更新表尾合计
  4728. */
  4729. updateFooter: function updateFooter() {
  4730. var showFooter = this.showFooter,
  4731. visibleColumn = this.visibleColumn,
  4732. footerMethod = this.footerMethod;
  4733. if (showFooter && footerMethod) {
  4734. this.footerTableData = visibleColumn.length ? footerMethod({
  4735. columns: visibleColumn,
  4736. data: this.afterFullData,
  4737. $table: this,
  4738. $grid: this.$xegrid
  4739. }) : [];
  4740. }
  4741. return this.$nextTick();
  4742. },
  4743. /**
  4744. * 更新列状态
  4745. * 如果组件值 v-model 发生 change 时,调用改函数用于更新某一列编辑状态
  4746. * 如果单元格配置了校验规则,则会进行校验
  4747. */
  4748. updateStatus: function updateStatus(scope, cellValue) {
  4749. var _this41 = this;
  4750. var customVal = !_ctor.default.isUndefined(cellValue);
  4751. return this.$nextTick().then(function () {
  4752. var $refs = _this41.$refs,
  4753. editRules = _this41.editRules,
  4754. validStore = _this41.validStore;
  4755. if (scope && $refs.tableBody && editRules) {
  4756. var row = scope.row,
  4757. column = scope.column;
  4758. var type = 'change';
  4759. if (_this41.hasCellRules(type, row, column)) {
  4760. var cell = _this41.getCell(row, column);
  4761. if (cell) {
  4762. return _this41.validCellRules(type, row, column, cellValue).then(function () {
  4763. if (customVal && validStore.visible) {
  4764. setCellValue(row, column, cellValue);
  4765. }
  4766. _this41.clearValidate();
  4767. }).catch(function (_ref6) {
  4768. var rule = _ref6.rule;
  4769. if (customVal) {
  4770. setCellValue(row, column, cellValue);
  4771. }
  4772. _this41.showValidTooltip({
  4773. rule: rule,
  4774. row: row,
  4775. column: column,
  4776. cell: cell
  4777. });
  4778. });
  4779. }
  4780. }
  4781. }
  4782. });
  4783. },
  4784. handleDefaultMergeCells: function handleDefaultMergeCells() {
  4785. this.setMergeCells(this.mergeCells);
  4786. },
  4787. /**
  4788. * 设置合并单元格
  4789. * @param {MergeOptions[]} merges { row: Row|number, column: ColumnInfo|number, rowspan: number, colspan: number }
  4790. */
  4791. setMergeCells: function setMergeCells(merges) {
  4792. var _this42 = this;
  4793. if (this.spanMethod) {
  4794. _tools.UtilTools.error('vxe.error.errConflicts', ['merge-cells', 'span-method']);
  4795. }
  4796. setMerges(this, merges, this.mergeList, this.afterFullData);
  4797. return this.$nextTick().then(function () {
  4798. return _this42.updateCellAreas();
  4799. });
  4800. },
  4801. /**
  4802. * 移除单元格合并
  4803. * @param {MergeOptions[]} merges 多个或数组 [{row:Row|number, col:ColumnInfo|number}]
  4804. */
  4805. removeMergeCells: function removeMergeCells(merges) {
  4806. var _this43 = this;
  4807. if (this.spanMethod) {
  4808. _tools.UtilTools.error('vxe.error.errConflicts', ['merge-cells', 'span-method']);
  4809. }
  4810. var rest = removeMerges(this, merges, this.mergeList, this.afterFullData);
  4811. return this.$nextTick().then(function () {
  4812. _this43.updateCellAreas();
  4813. return rest;
  4814. });
  4815. },
  4816. /**
  4817. * 获取所有被合并的单元格
  4818. */
  4819. getMergeCells: function getMergeCells() {
  4820. return this.mergeList.slice(0);
  4821. },
  4822. /**
  4823. * 清除所有单元格合并
  4824. */
  4825. clearMergeCells: function clearMergeCells() {
  4826. this.mergeList = [];
  4827. return this.$nextTick();
  4828. },
  4829. handleDefaultMergeFooterItems: function handleDefaultMergeFooterItems() {
  4830. this.setMergeFooterItems(this.mergeFooterItems);
  4831. },
  4832. setMergeFooterItems: function setMergeFooterItems(merges) {
  4833. var _this44 = this;
  4834. if (this.footerSpanMethod) {
  4835. _tools.UtilTools.error('vxe.error.errConflicts', ['merge-footer-items', 'footer-span-method']);
  4836. }
  4837. setMerges(this, merges, this.mergeFooterList, null);
  4838. return this.$nextTick().then(function () {
  4839. return _this44.updateCellAreas();
  4840. });
  4841. },
  4842. removeMergeFooterItems: function removeMergeFooterItems(merges) {
  4843. var _this45 = this;
  4844. if (this.footerSpanMethod) {
  4845. _tools.UtilTools.error('vxe.error.errConflicts', ['merge-footer-items', 'footer-span-method']);
  4846. }
  4847. var rest = removeMerges(this, merges, this.mergeFooterList, null);
  4848. return this.$nextTick().then(function () {
  4849. _this45.updateCellAreas();
  4850. return rest;
  4851. });
  4852. },
  4853. /**
  4854. * 获取所有被合并的表尾
  4855. */
  4856. getMergeFooterItems: function getMergeFooterItems() {
  4857. return this.mergeFooterList.slice(0);
  4858. },
  4859. /**
  4860. * 清除所有表尾合并
  4861. */
  4862. clearMergeFooterItems: function clearMergeFooterItems() {
  4863. this.mergeFooterList = [];
  4864. return this.$nextTick();
  4865. },
  4866. updateZindex: function updateZindex() {
  4867. if (this.zIndex) {
  4868. this.tZindex = this.zIndex;
  4869. } else if (this.tZindex < _tools.UtilTools.getLastZIndex()) {
  4870. this.tZindex = _tools.UtilTools.nextZIndex();
  4871. }
  4872. },
  4873. updateCellAreas: function updateCellAreas() {
  4874. if (this.mouseConfig && this.mouseOpts.area && this.handleUpdateCellAreas) {
  4875. this.handleUpdateCellAreas();
  4876. }
  4877. },
  4878. emitEvent: function emitEvent(type, params, evnt) {
  4879. this.$emit(type, Object.assign({
  4880. $table: this,
  4881. $grid: this.$xegrid,
  4882. $event: evnt
  4883. }, params), evnt);
  4884. },
  4885. focus: function focus() {
  4886. this.isActivated = true;
  4887. return this.$nextTick();
  4888. },
  4889. blur: function blur() {
  4890. this.isActivated = false;
  4891. return this.$nextTick();
  4892. },
  4893. // 与工具栏对接
  4894. connect: function connect($toolbar) {
  4895. if ($toolbar && $toolbar.syncUpdate) {
  4896. $toolbar.syncUpdate({
  4897. collectColumn: this.collectColumn,
  4898. $table: this
  4899. });
  4900. this.$toolbar = $toolbar;
  4901. } else {
  4902. _tools.UtilTools.error('vxe.error.barUnableLink');
  4903. }
  4904. return this.$nextTick();
  4905. },
  4906. // 检查触发源是否属于目标节点
  4907. getEventTargetNode: getEventTargetNode,
  4908. /*************************
  4909. * Publish methods
  4910. *************************/
  4911. getCell: function getCell(row, column) {
  4912. var $refs = this.$refs;
  4913. var rowid = getRowid(this, row);
  4914. var bodyElem = $refs["".concat(column.fixed || 'table', "Body")] || $refs.tableBody;
  4915. if (bodyElem && bodyElem.$el) {
  4916. return bodyElem.$el.querySelector(".vxe-body--row[data-rowid=\"".concat(rowid, "\"] .").concat(column.id));
  4917. }
  4918. return null;
  4919. },
  4920. getCellLabel: function getCellLabel(row, column) {
  4921. var formatter = column.formatter;
  4922. var cellValue = _tools.UtilTools.getCellValue(row, column);
  4923. var cellLabel = cellValue;
  4924. if (formatter) {
  4925. var rest, formatData;
  4926. var colid = column.id;
  4927. var fullAllDataRowMap = this.fullAllDataRowMap;
  4928. var cacheFormat = fullAllDataRowMap.has(row);
  4929. if (cacheFormat) {
  4930. rest = fullAllDataRowMap.get(row);
  4931. formatData = rest.formatData;
  4932. if (!formatData) {
  4933. formatData = fullAllDataRowMap.get(row).formatData = {};
  4934. }
  4935. if (rest && formatData[colid]) {
  4936. if (formatData[colid].value === cellValue) {
  4937. return formatData[colid].label;
  4938. }
  4939. }
  4940. }
  4941. var formatParams = {
  4942. cellValue: cellValue,
  4943. row: row,
  4944. rowIndex: this.getRowIndex(row),
  4945. column: column,
  4946. columnIndex: this.getColumnIndex(column)
  4947. };
  4948. if (_ctor.default.isString(formatter)) {
  4949. if (_ctor.default[formatter]) {
  4950. cellLabel = _ctor.default[formatter](cellValue);
  4951. } else if (_formats.default.get(formatter)) {
  4952. cellLabel = _formats.default.get(formatter)(formatParams);
  4953. } else {
  4954. cellLabel = '';
  4955. }
  4956. } else if (_ctor.default.isArray(formatter)) {
  4957. if (_ctor.default[formatter[0]]) {
  4958. cellLabel = _ctor.default[formatter[0]].apply(_ctor.default, [cellValue].concat(_toConsumableArray(formatter.slice(1))));
  4959. } else if (_formats.default.get(formatter[0])) {
  4960. cellLabel = _formats.default.get(formatter[0]).apply(void 0, [formatParams].concat(_toConsumableArray(formatter.slice(1))));
  4961. } else {
  4962. cellLabel = '';
  4963. }
  4964. } else {
  4965. cellLabel = formatter(formatParams);
  4966. }
  4967. if (formatData) {
  4968. formatData[colid] = {
  4969. value: cellValue,
  4970. label: cellLabel
  4971. };
  4972. }
  4973. }
  4974. return cellLabel;
  4975. }
  4976. /*************************
  4977. * Publish methods
  4978. *************************/
  4979. }; // Module methods
  4980. var funcs = 'setFilter,filter,clearFilter,getCheckedFilters,closeMenu,setActiveCellArea,getActiveCellArea,getCellAreas,clearCellAreas,copyCellArea,cutCellArea,pasteCellArea,getCopyCellArea,clearCopyCellArea,setCellAreas,openFind,openReplace,getMouseSelecteds,getMouseCheckeds,getSelectedCell,getSelectedRanges,clearCopyed,clearChecked,clearHeaderChecked,clearIndexChecked,clearSelected,insert,insertAt,remove,removeSelecteds,removeCheckboxRow,removeRadioRow,removeCurrentRow,getRecordset,getInsertRecords,getRemoveRecords,getUpdateRecords,clearActived,getActiveRecord,getActiveRow,hasActiveRow,isActiveByRow,setActiveRow,setActiveCell,setSelectCell,clearValidate,fullValidate,validate,exportCsv,openExport,exportData,openImport,importData,saveFile,readFile,importByFile,print'.split(',');
  4981. funcs.forEach(function (name) {
  4982. Methods[name] = function () {
  4983. return this["_".concat(name)] ? this["_".concat(name)].apply(this, arguments) : null;
  4984. };
  4985. });
  4986. var _default = Methods;
  4987. exports.default = _default;