1.0.0 • Published 3 years ago

hot-zone-vue v1.0.0

Weekly downloads
1
License
ISC
Repository
-
Last release
3 years ago

Introduction

A vue2 hotzone component

Demo | 案例

Install

npm i vue-hotzone --save
# or
yarn add vue-hotzone

Use

// Use in component
import hotzone from 'vue-hotzone'

export default {
  components: {
    hotzone
  }
}

// Use in global
import hotzone from 'vue-hotzone'

Vue.component(hotzone.name, hotzone)

// or
Vue.use(hotzone)
<hotzone [options]></hotzone>

Options

Attributes

You can set them to your data function

AttributeTypeDescriptionKeys
imageStringimage of hotzone(required: true)
maxNumbermax number of zones
zonesInitArrayinit zonesitem(heightPer, leftPer, topPer, widthPer)

Events

Event NameDescriptionParameters
changetriggers when the zones changesthe array of the zones
addtriggers when the zone addthe add zone item
removetriggers when the zone removethe index of the remove zone
overRangetriggers when zones number > maxthe index of the overRange zone
erasetriggers when add zone overRange or smaller than the minimum area(48*48)the index of the erase zone

Develop

$ git clone https://github.com/OrangeXC/vue-hotzone.git

$ cd vue-hotzone

$ yarn

$ yarn serve

License

Vue-hotzone is MIT licensed.

abbrevababacceptsacornacorn-globalsacorn-jsxacorn-walkaddressagent-baseaggregate-errorajvajv-errorsalphanum-sortajv-keywordsansi-colorsansi-htmlansi-escapesansi-stylesansi-regexany-promiseanymatcharchaprobaargparseargvarr-diffarr-flattenarr-unionarray-equalarray-flattenarray-unionarray-uniqarray-uniqueasn1asn1.jsassertassert-plusassign-symbolsastral-regexasyncasync-eachasync-limiterasynckitatobaws-sign2autoprefixeraws4babel-code-framebabel-corebabel-jestbabel-loaderbabel-messagesbabel-plugin-istanbulbabel-plugin-dynamic-import-nodebabel-plugin-jest-hoistbabel-plugin-transform-es2015-modules-commonjsbabel-plugin-transform-strict-modebabel-preset-jestbabel-runtimebabel-templatebabel-traversebabel-typesbalanced-matchbabylonbasebatchbcrypt-pbkdfbase64-jsbfjbig.jsbinary-extensionsbindingsbluebirdbn.jsbonjourbody-parserboolbasebrace-expansionbracesbrorandbrowser-resolvebrowser-process-hrtimebrowserify-aesbrowserify-cipherbrowserify-desbrowserify-rsabrowserify-signbrowserify-zlibbrowserslistbs-loggerbserbufferbuffer-frombuffer-indexofbuffer-jsonbuffer-xorbuiltin-status-codesbytescacachecache-basecache-loadercall-me-maybecaller-pathcaller-callsitecallsitescamel-casecamelcasecaniuse-apicaniuse-litecapture-exitcase-sensitive-paths-webpack-plugincaselesschalkchardetcheck-typeschokidarchownrchrome-trace-eventcipher-baseci-infoclean-cssclass-utilsclean-stackcli-cursorcli-highlightcli-spinnerscli-widthclipboardyclonecliuicocoacollection-visitcolorcolor-convertcolor-namecolor-stringcolorettecombined-streamcommandercommondircomponent-emittercompressiblecompressionconcat-mapconcat-streamcondense-newlinesconfig-chainconnect-history-api-fallbackconsole-browserifyconstants-browserifycontent-dispositionconsolidatecontent-typeconvert-source-mapcookiecookie-signaturecopy-concurrentlycopy-descriptorcopy-webpack-plugincore-js-compatcore-util-iscosmiconfigcreate-hashcreate-ecdhcreate-hmaccsscrypto-browserifycross-spawncss-color-namescss-loadercss-declaration-sortercss-selectcss-treecss-select-base-adaptercss-whatcssnanocssesccssnano-preset-defaultcssnano-util-get-argumentscssnano-util-raw-cachecssnano-util-same-parentcssnano-util-get-matchcssomcssstylecssocyclistdata-urlsdashdashde-indentdecamelizedeep-equaldebugdecode-uri-componentdeep-isdeepmergedefault-gatewaydefaultsdefine-propertydefine-propertiesdeldepddelayed-streamdes.jsdestroydetect-newlinedetect-nodediff-sequencesdiffie-hellmandir-globdns-equaldns-packetdns-txtdom-converterdomain-browserdom-event-typesdomelementtypedom-serializerdoctrinedomexceptiondomutilsdomhandlerdot-propdotenvdotenv-expandduplexifyduplexereasy-stackecc-jsbneditorconfigee-firstejselectron-to-chromiumellipticemojis-listemoji-regexencodeurlentitiesend-of-streamerrnoenquirererror-exerror-stack-parseres-abstractes-to-primitiveescape-htmlescape-string-regexpenhanced-resolveeslint-loadereslint-scopeeslint-utilsespreeesprimaescodegenesqueryeslint-visitor-keysesutilsestraverseetageventemitter3esrecurseeventsevent-pubsubeventsourceevp_bytestokeyexitexec-shexpand-bracketsexpectexpressextend-shallowexternal-editorextendextract-from-cssextglobfast-deep-equalextsprintffast-globfast-json-stable-stringifyfiguresfiggy-puddingfb-watchmanfast-levenshteinfaye-websocketfile-loaderexecafile-entry-cachefile-uri-to-pathfilesizefind-babel-configfind-cache-dirfind-upfinalhandlerflat-cacheflattedfollow-redirectsfill-rangeforever-agentflush-write-streamforwardedfragment-cachefreshform-datafor-infrom2fs-write-stream-atomicfs-minipassfseventsfunction-bindgensyncfunctional-red-black-treeget-caller-filefs-extraget-streamglobget-valuegetpassglob-parentglobalsfs.realpathglob-to-regexpgzip-sizehandle-thinggraceful-fsglobbyhar-schemagrowlyhashar-validatorhas-flaghas-ansihash-basehas-valueshash-sumhas-symbolshas-valuehash.jshehex-color-regexhighlight.jshmac-drbghpack.jshoopyhosted-git-infohtml-encoding-snifferhtml-comment-regexhsla-regexhsl-regexhtml-entitieshtml-webpack-pluginhtml-minifierhtmlparser2html-escaperhtml-tagshttp-deceiverhttp-parser-jshttp-proxyhttp-errorshttp-proxy-agenthttp-proxy-middlewarehttps-browserifyhttps-proxy-agenthttp-signaturehuman-signalsicss-utilsiferriconv-liteimport-cwdignore-walkieee754import-freshignoreimurmurhashindent-stringimport-localindexes-ofimport-frominflightiniinheritsinfer-ownerinquirerinvariantipinternal-ipis-accessor-descriptoripaddr.jsis-absolute-urlip-regexis-argumentsis-arrayishis-callableis-bufferis-ciis-binary-pathis-descriptoris-color-stopis-data-descriptoris-date-objectis-fullwidth-code-pointis-extglobis-extendableis-generator-fnis-directoryis-path-in-cwdis-path-cwdis-plain-objis-globis-numberis-objis-plain-objectis-regexis-path-insideis-promiseis-resolvableis-svgis-streamis-symbolis-typedarrayis-whitespaceis-windowsis-wslisarrayisexeisobjectistanbul-lib-coverageisstreamistanbul-lib-instrumentistanbul-lib-reportistanbul-lib-source-mapsjavascript-stringifyistanbul-reportsjestjest-clijest-configjest-changed-filesjest-diffjest-eachjest-docblockjest-environment-jsdomjest-environment-nodejest-environment-jsdom-fifteenjest-haste-mapjest-get-typejest-jasmine2jest-leak-detectorjest-message-utiljest-matcher-utilsjest-mockjest-pnp-resolverjest-regex-utiljest-resolve-dependenciesjest-runnerjest-runtimejest-resolvejest-serializerjest-serializer-vuejest-snapshotjest-utiljest-transform-stubjest-validatejest-watch-typeaheadjest-watcherjest-workerjs-beautifyjs-messagejs-queuejs-tokensjs-yamljsdomjsbnjsescjson-parse-better-errorsjson-schemajson-schema-traversejson-stable-stringify-without-jsonifyjson-stringify-safejson5json3jsprimjsonfilekillablekind-ofkleurlaunch-editor-middlewarelaunch-editorleft-padlevenlevenarylines-and-columnslevnload-json-fileloader-fs-cacheloader-utilsloader-runnerlocate-pathlodashlodash.kebabcaselodash.mapvalueslodash.memoizelodash.transformlodash.defaultsdeeplodash.uniqlodash.sortbylog-symbolsloglevellru-cachelower-caseloose-envifymake-dirmake-errormamacromap-cachemakeerrormap-visitmd5.jsmdn-datamedia-typermemory-fsmerge-descriptorsmerge-source-mapmerge-streammerge2micromatchmiller-rabinmethodsmimemime-dbmime-typesmimic-fnminimalistic-assertminimatchmini-css-extract-pluginminimalistic-crypto-utilsminimistminipassminipass-collectmississippiminipass-flushminipass-pipelinemixin-deepmkdirpmove-concurrentlymulticast-dnsmsmulticast-dns-service-typesmute-streammznannanomatchnatural-comparenegotiatorneo-asyncnice-tryno-casenode-cachenode-fetchnode-forgenode-int64node-ipcnode-libs-browsernode-modules-regexpnode-notifiernode-releasesnoptnormalize-pathnormalize-package-datanormalize-rangenpm-run-pathnormalize-urlnth-checknum2fractionnwsapioauth-signobject-assignobject-copyobject-hashobject-inspectobject-isobject-keysobject-visitobject.getownpropertydescriptorsobject.assignobject.pickobject.valuesobufon-finishedon-headersonceonetimeopenopeneropnoptionatororiginaloraos-browserifyos-homediros-tmpdirosenvp-each-seriesp-finallyp-limitp-locatep-mapp-reducep-retrypakoparallel-transformp-tryparam-caseparent-moduleparse-asn1parse-jsonparse5parse5-htmlparser2-tree-adapterparseurlpascalcasepath-dirnamepath-browserifypath-existspath-is-absolutepath-is-insidepath-keypath-parsepath-to-regexppath-typepbkdf2performance-nowpifypinkiepinkie-promisepkg-uppiratespnpnp-webpack-pluginpkg-dirportfinderposix-character-classespostcss-calcpostcsspostcss-convert-valuespostcss-discard-commentspostcss-colorminpostcss-discard-emptypostcss-load-configpostcss-discard-duplicatespostcss-loaderpostcss-discard-overriddenpostcss-merge-longhandpostcss-merge-rulespostcss-minify-font-valuespostcss-minify-gradientspostcss-minify-paramspostcss-minify-selectorspostcss-modules-extract-importspostcss-modules-local-by-defaultpostcss-modules-scopepostcss-modules-valuespostcss-normalize-charsetpostcss-normalize-positionspostcss-normalize-display-valuespostcss-normalize-repeat-stylepostcss-normalize-stringpostcss-normalize-timing-functionspostcss-normalize-unicodepostcss-normalize-urlpostcss-normalize-whitespacepostcss-ordered-valuespostcss-reduce-initialpostcss-reduce-transformspostcss-selector-parserpostcss-svgopostcss-unique-selectorspostcss-value-parserprelude-lsprepend-httpprettierprettypretty-formatpretty-errorprivateprocessprocess-nextick-argspromise-inflightprogresspromptsproto-listproxy-addrpseudomapprrpslpublic-encryptpumppumpifypunycodeqqsquery-stringquerystringrandombytesquerystring-es3querystringifyrandomfillrange-parserraw-bodyreact-isread-pkgread-pkg-upreaddirpreadable-streamrealpath-nativeregenerateregenerator-runtimeregenerate-unicode-propertiesregexp.prototype.flagsregexppregenerator-transformregex-notregexpu-coreregjsgenrelateurlregjsparserremove-trailing-separatorrenderkidrepeat-elementrepeat-stringrequestrequest-promise-corerequest-promise-nativerequire-directoryrequire-main-filenamerequires-portresolve-cwdresolveresolve-urlresolve-fromrestore-cursorretretryrgb-regexrimrafrgba-regexripemd160rsvprun-asyncrun-queuesafe-bufferrxjssafe-regexsafer-buffersanesaxsaxesschema-utilsselect-hoseselfsignedsemversendserialize-javascriptserve-indexserve-staticset-valueset-blockingsetprototypeofsetimmediatesha.jsshebang-commandshebang-regexshell-quotesigmundshellwordssignal-exitsimple-swizzlesisteransislashslice-ansisnapdragon-nodesnapdragonsnapdragon-utilsockjs-clientsockjssort-keyssource-list-mapsource-mapsource-map-resolvespdx-correctsource-map-supportspdx-exceptionssource-map-urlspdx-expression-parsespdx-license-idsspdyspdy-transportsplit-stringsprintf-jssshpkssristablestack-utilsstackframestatic-extendstatusesstealthy-requirestream-browserifystream-eventsstream-eachstream-httpstream-shiftstrict-uri-encodestring-lengthstring-widthstring.prototype.trimleftstring.prototype.trimrightstring_decoderstrip-ansistrip-bomstrip-eofstrip-final-newlinestrip-indentstrip-json-commentsstubsstylehackssupports-colorsvg-tagssvgosymbol-treetabletapableteeny-requestterserterser-webpack-plugintest-excludetext-tablethenifythenify-allthread-loaderthroatthrough2throughtimers-browserifythunkytimsorttmptmplto-arraybufferto-fast-propertiesto-object-pathto-regextoidentifierto-regex-rangetoposorttough-cookietr46tryerts-jestts-pnptsconfigtslibtty-browserifytweetnacltunnel-agenttype-checktype-festtype-istypedarrayuglify-jsunicode-match-property-ecmascriptunicode-canonical-property-names-ecmascriptunicode-match-property-value-ecmascriptunicode-property-aliases-ecmascriptunion-valueuniquniqsunique-filenameunique-sluguniversalifyunpipeunset-valueunquoteupathupper-caseuri-jsurixurl-loaderurlurl-parseurlgreyuseutilutil-deprecateutil.promisifyutilautils-mergeuuidv8-compile-cachevalidate-npm-package-licensevendorsverrorvaryvm-browserifyvue-eslint-parservue-hot-reload-apivue-jestvue-loadervue-style-loadervue-loader-v16vue-template-es2015-compilerw3c-hr-timew3c-xmlserializerwalkerwatchpackwbufwcwidthwebidl-conversionswebpackwebpack-bundle-analyzerwebpack-chainwebpack-dev-middlewarewebpack-dev-serverwebpack-logwebpack-sourceswebpack-mergewebsocket-driverwhatwg-encodingwebsocket-extensionswhatwg-mimetypewhichwhatwg-urlwhich-moduleword-wrapwrap-ansiworker-farmwrappywritewrite-file-atomicxml-name-validatorwsxtendxmlcharsy18nyallistyargsyargs-parseryorkie
1.0.0

3 years ago