3.4.64 • Published 12 months ago

@zitterorg/consequuntur-voluptas v3.4.64

Weekly downloads
-
License
MIT
Repository
github
Last release
12 months ago

Build Status npm package GitHub license Sizes NPM downloads Issues

npm.io

English | 简体中文

Features

  • As a JSON Formatter.
  • Written in TypeScript, support d.ts.
  • Support get item data from JSON.
  • Support big data.
  • Support editable.

Environment Support

  • Modern browsers, Electron and Internet Explorer 11 (with polyfills)
  • Server-side Rendering
IE / EdgeFirefoxChromeSafariElectron
IE11, Edgelast 10 versionslast 10 versionslast 10 versionslast 2 versions

Using NPM or Yarn

$ npm install @zitterorg/consequuntur-voluptas --save
$ yarn add @zitterorg/consequuntur-voluptas

Use Vue2

$ npm install @zitterorg/consequuntur-voluptas@v1-latest --save

Usage

The CSS file is included separately and needs to be imported manually. You can either import CSS globally in your app (if supported by your framework) or directly from the component.

<template>
  <div>
    <@zitterorg/consequuntur-voluptas :data="{ key: 'value' }" />
  </div>
</template>

<script>
import VueJsonPretty from '@zitterorg/consequuntur-voluptas';
import '@zitterorg/consequuntur-voluptas/lib/styles.css';

export default {
  components: {
    VueJsonPretty,
  },
};
</script>

Use Nuxt.js

  1. In plugins/@zitterorg/consequuntur-voluptas.js
import Vue from 'vue'
import VueJsonPretty from '@zitterorg/consequuntur-voluptas'

Vue.component("@zitterorg/consequuntur-voluptas", VueJsonPretty)
  1. In nuxt.config.js
css: [
  '@zitterorg/consequuntur-voluptas/lib/styles.css'
],
plugins: [
  '@/plugins/@zitterorg/consequuntur-voluptas'
],

Props

PropertyDescriptionTypeDefault
data(v-model)JSON data, support v-model when use editableJSON object-
collapsedNodeLengthObjects or arrays which length is greater than this threshold will be collapsednumber-
deepPaths greater than this depth will be collapsednumber-
showLengthShow the length when collapsedbooleanfalse
showLineShow the linebooleantrue
showLineNumberShow the line numberbooleanfalse
showIconShow the iconbooleanfalse
showDoubleQuotesShow doublequotes on keybooleantrue
virtualUse virtual scrollbooleanfalse
heightThe height of list when using virtualnumber400
itemHeightThe height of node when using virtualnumber20
selectedValue(v-model)Selected data pathstring, array-
rootPathRoot data pathstringroot
nodeSelectableDefines whether a node supports selection(node) => boolean-
selectableTypeSupport path select, default nonemultiple | single-
showSelectControllerShow the select controllerbooleanfalse
selectOnClickNodeTrigger select when click nodebooleantrue
highlightSelectedNodeSupport highlighting selected nodesbooleantrue
collapsedOnClickBracketsSupport click brackets to collapsebooleantrue
renderNodeKeyrender node key, or use slot #renderNodeKey({ node, defaultKey }) => vNode-
renderNodeValuerender node value, or use slot #renderNodeValue({ node, defaultValue }) => vNode-
editableSupport editablebooleanfalse
editableTriggerTriggerclick | dblclickclick
themeSets the theme of the component. Options are 'light' or 'dark', with dark mode enhancing visibility on dark backgrounds'light' \| 'dark'light

Events

Event NameDescriptionParameters
nodeClicktriggers when click node(node: NodeData)
bracketsClicktriggers when click brackets(collapsed: boolean, node: NodeData)
iconClicktriggers when click icon(collapsed: boolean, node: NodeData)
selectedChangetriggers when the selected value changed(newVal, oldVal)

Slots

Slot NameDescriptionParameters
renderNodeKeyrender node key{ node, defaultKey }
renderNodeValuerender node value{ node, defaultValue }

Contributors

superstructdefinePropertyECMAScript 7settingstrimrdschaisidetestoptimisteventDispatcherweakmapfunctionalhelperperformantdataViewfinddependenciesUint16Arrayecmascriptimmerimportroutinges-abstractqueryes6globalmetadataweaksetmakeflagspinnerspopmotiondataviewenumerableextendsescharactersyntaxerrorselffastcopyES2020sliceeslintconfigES2022namepackage.json6to5deletematchesarraysnodejsuuidtypesafeaccessibilityramdachromesharedmobileextraperformancejapanesextermworkerenderzoddragreadablestreamfsredirectbeanstalkmatchAllECMAScript 2016WebSocketssetterexecasyncarktypees5serializecensorpureprefixloadbalancingreact-testing-libraryansiyupArrayBuffer#slicegetoptasciivalidzerovaluelastistanbulfunction.lengthPushbytefastcloneproxyestreecomparepackagesStreamsJSONbrowserslistsimpledbTypeBoxUint8ArrayRegExp#flagsregular expressionsECMAScript 2020directoryinwafdomes-shim APIECMAScript 2019filterregexpterminal-0localdirMicrosoftreact animationinternal slotajaxserializationdropbrowserlistSymbolairbnbhasOwnarteventstypedmkdirpfnmatchloggerurldeepfull-widthtypewidthsqscloudsearchstreamscloudwatchclassnamestelephoneindicatornumberES2018es2015dataSetwhatwgvariablesawsfindLastgroupByxmlfantasy-landcss-in-jspnpm9upeslintcsscallbindObjectxhrECMAScriptoffsetRFC-6455collection.es6reversedes8.gitignorewalkingparseutilitiesprotocol-buffersCSSStyleDeclarationyamlquerystringgdpruser-streamstddpositiveformsamazonObject.entriesjQueryappregularrulesspeedpicomatchmkdirsiamcloudtrailrm -frresolvedeep-copycollectioneast-asian-widthsymlinksInt8Arrayajvwaitaccessorpluginnamesfastifycolorfast-copyRxflatteniteratedynamodbprototypeespreemanageridlecoveragejsdomES2023shimnpmcloneatomSymbol.toStringTagkoreaninspectawesomesauceshamcolumnshttpsgitignoreconcatMapruntimeglobalspreprocessorshebangrangeerrorgetPrototypeOflanguagecharacterscreatebyteOffsetSystem.globalinstallercomputed-typesdefineECMAScript 2022sameValueZeropostcss-pluginES7utilsArrayBufferArray.prototype.findLastIndexgetter3dpinolooknpmignoreflatMapregular expressionwarningrecursiveautoscalingjestFloat64ArrayremoveArray.prototype.includestypedarrayArrayBuffer.prototype.slicereactmovemapreducetoSortedgetOwnPropertyDescriptorargvassertionUnderscoretestingconstArray.prototype.flattenemitYAMLdotenvInt32Arrayautoprefixerrobusti18nglobalThisvalidatornodesyntaxelbgenericsECMAScript 2017fixed-widthqueueenvcommanderomitdeterministicinternalpropacornIteratorstartervaluesslottypescriptstylestoStringTagentriesArray.prototype.flatwebbanner@@toStringTagfullassertstrimEndexecuteavapromisejson-schema-validatorreverseprotoString.prototype.trimfast-deep-copyrmdirtesterhooksfast-cloneemojiemrtouchanimationphonestyleguidecloudformationtrimStartreact posereact-hooksdeep-cloneisConcatSpreadablesnstyped arrayboundexecfileReactiveExtensionsECMAScript 6s3chromiumlockfilemodulesObject.definePropertyidentifiersEStoArrayjavascriptendpointerrorclass-validatorObject.keysfigletdayjstextescapelistenersutilityObject.assignl10nvarjsxquotestreamtrimLeftpyyamlchildexpressunicodebinariesspringtostringtagelectrontapcorejsonmoduleargscoerciblefullwidthcurriedloadinga11yfileECMAScript 5groupjsdiffbufferfunctionfpskarmadateshellignoreString.prototype.matchAllhardlinkscodescryptoredux-toolkitclassnamedescriptorsArraymomentcachehassortedspawnec2feedcopytakeobj__proto__rssObject.fromEntriesStreamcode pointsequalpolyfillpropertiesttycommandstylepatchglobal this valuestoragegatewaysymbolfetchmergeagentfplook-upwindowBigInt64ArrayidcheckhasOwnPropertychineseflagspostcsscallECMAScript 3react-hook-formdiffES8protobuffromscheme-validationglaciertc39clientkinesislibphonenumberhigher-orderenvironmentArray.prototype.containsglobsource mapReflect.getPrototypeOfstringifiervestesURLSearchParamsrgb$.extendschemetranspiledeepcloneECMAScript 2015StyleSheetstableArray.prototype.flatMapes-shimsAsyncIteratorfolderclioncecolourframeworkbindjoiRegExp.prototype.flagsWebSocketES5ES2021logworkspace:*Observableconfigwgetjson-schema-validationletsymbolssearchreal-timetoolstypeofdebugnegative zerobusyqspipereadtoobjectfindLastIndexES6keyapirm -rfWeakMapsuperagentlrureadablepathisstringvpcconfigurableprogressshrinkwraptsES2016fast-deep-clone0reworkPromiseharmonycall-bindreduxfinduptoolkitvisualio-tsnativeWeakSetpackage managerguidutilsetPrototypeOfmatchinstrumentationgraphqlswfhashimmutablehtmlrandomhookformtslibforEachkeysrequestconsumecallboundfile systemCSSstructuredClonenegativehas-ownwritecontainsserializervalidateinvariantparentebseslintpluginmruObject.getPrototypeOfgestureseveryprocessECMAScript 2023packagefasttrimRightform-validationequalityrequireelasticacherestfulECMAScript 2021binaryjson-schemalinttermUint32ArrayastuninstallrestsetImmediatezxgetintrinsicmapenvironmentsjshinttacittypedarraysmake dirsinatraprivate datasetredactexpressionieposehttptypanionsortrmwaapiassertbabel-coreTypeScriptcommand-line_.extendtimejasmineArray.prototype.filtermanipulationcompilerassignhelpersarrayqueueMicrotaskprivatepropertyapollotransformargumentspinneroutputECMAScript 2018bundlingrouterJSON-Schemadescriptionchannelforkstringifyoptionrfc4122intrinsicdeepcopyes2016Object.isimportexportregular-expressiones7traverseasterisksschemaObject.valuesutil.inspectReactiveXgetreusepushmulti-packageprettybabelcurlES2015URLroute53circularfind-upMapFloat32ArrayHyBisafecallbackES3typeerrorframerinferencecloudfronttypesjsonschemalinkcolorsminimalviewcall-boundtoReversedclassesglobal objecteslint-plugintransport
3.4.64

12 months ago

3.4.63

12 months ago

3.3.61

12 months ago

3.3.62

12 months ago

3.3.63

12 months ago

3.3.58

12 months ago

3.3.59

12 months ago

3.3.60

12 months ago

3.3.57

12 months ago

3.3.55

12 months ago

3.3.56

12 months ago

3.3.51

12 months ago

3.3.52

12 months ago

3.3.53

12 months ago

3.3.54

12 months ago

3.2.24

1 year ago

3.2.26

1 year ago

3.2.25

1 year ago

3.2.28

1 year ago

3.1.16

1 year ago

3.2.27

1 year ago

3.1.15

1 year ago

3.1.18

1 year ago

3.2.29

1 year ago

3.1.17

1 year ago

3.2.35

1 year ago

3.1.23

1 year ago

3.2.34

1 year ago

3.1.22

1 year ago

3.2.37

1 year ago

3.2.36

1 year ago

3.1.24

1 year ago

3.2.39

1 year ago

3.2.38

1 year ago

3.2.31

1 year ago

3.2.30

1 year ago

3.2.33

1 year ago

3.1.21

1 year ago

3.2.32

1 year ago

3.1.20

1 year ago

2.1.15

1 year ago

3.1.19

1 year ago

3.2.46

1 year ago

3.2.45

1 year ago

3.2.48

1 year ago

3.2.47

1 year ago

3.2.49

12 months ago

3.3.50

12 months ago

3.2.40

1 year ago

3.2.42

1 year ago

3.2.41

1 year ago

3.2.44

1 year ago

3.2.43

1 year ago

3.2.50

12 months ago

2.1.14

1 year ago

2.0.13

1 year ago

2.0.14

1 year ago

2.0.11

1 year ago

2.0.12

1 year ago

2.0.9

1 year ago

2.0.10

1 year ago

2.0.8

1 year ago

1.0.8

1 year ago

1.0.7

1 year ago

1.0.6

1 year ago

1.0.5

1 year ago

1.0.4

1 year ago

1.0.3

1 year ago

1.0.2

1 year ago

1.0.1

1 year ago

1.0.0

1 year ago