{{ stringifiedValue }}
3 |
4 |
5 |
21 |
--------------------------------------------------------------------------------
/src/components/icons/Arrow.vue:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
7 |
12 |
--------------------------------------------------------------------------------
/src/components/Placeholder.vue:
--------------------------------------------------------------------------------
1 |
22 |
--------------------------------------------------------------------------------
/docs/components/CustomizeKeyNames.vue:
--------------------------------------------------------------------------------
1 |
2 | 7 | 8 |
9 |Sort value by:
14 | 19 |${encodeHTML(str)}`
4 |
5 | export const strong = str => `${str}`
6 |
7 | export const link = (target, text = 'here') => `${text}`
8 |
9 | export const makeNameList = names => {
10 | names = names.map(code)
11 | const tail = names.pop()
12 | if (names.length < 2) return tail
13 | return names.join(', ') + ' & ' + tail
14 | }
15 |
16 | export const makePropList = propNames => {
17 | return '{' + propNames.map(code).join(', ') + '}'
18 | }
19 |
20 | export const makeArgNameList = argNames => {
21 | return '(' + argNames.map(code).join(', ') + ')'
22 | }
23 |
24 | function createArray(len, valueMaker) {
25 | const arr = []
26 | let i = 0
27 | while (i < len) arr.push(valueMaker(i++))
28 | return arr
29 | }
30 |
31 | export function generateOptions(maxLevel, itemsPerLevel = maxLevel) {
32 | const generate = parentId => createArray(itemsPerLevel, i => {
33 | const id = parentId + String.fromCharCode(97 + i)
34 | const option = { id, label: id.toUpperCase() }
35 | if (id.length < maxLevel) option.children = generate(id)
36 | return option
37 | })
38 |
39 | return generate('')
40 | }
41 |
--------------------------------------------------------------------------------
/test/unit/karma.config.js:
--------------------------------------------------------------------------------
1 | process.env.CHROME_BIN = require('puppeteer').executablePath()
2 |
3 | module.exports = config => {
4 | config.set({
5 | files: [ './index.js' ],
6 | browsers: [ 'ChromeHeadlessWithoutSandbox' ],
7 | customLaunchers: {
8 | ChromeHeadlessWithoutSandbox: {
9 | // `ChromeHeadless` without any flags used to be working
10 | // well, but it is not now for some unknown reason.
11 | // Adding `--no-sandbox` flag solves the issue, which
12 | // I know is insecure. But since we are only using
13 | // Chrome to run the tests, it should be just fine.
14 | base: 'ChromeHeadless',
15 | flags: [ '--no-sandbox' ],
16 | },
17 | },
18 | preprocessors: {
19 | './index.js': [ 'webpack', 'sourcemap' ],
20 | },
21 | webpack: require('../../build/webpack-configs/test'),
22 | webpackMiddleware: {
23 | noInfo: true,
24 | },
25 | frameworks: [ 'jasmine', 'jasmine-matchers' ],
26 | client: {
27 | jasmine: { random: false },
28 | },
29 | reporters: [ 'spec', 'coverage' ],
30 | coverageReporter: {
31 | dir: './coverage',
32 | reporters: [
33 | { type: 'lcov', subdir: '.' },
34 | { type: 'text-summary' },
35 | ],
36 | },
37 | })
38 | }
39 |
--------------------------------------------------------------------------------
/docs/components/DelayedRootOptions.vue:
--------------------------------------------------------------------------------
1 |
2 | 20 |
21 |
| Name | 6 |Props | 7 |Description | 8 |
|---|---|---|
| {{ slot.name }} | 13 |14 | | 15 | |
| Name | 6 |Attributes | 7 |Description | 8 |
|---|---|---|
| {{ event.name }} | 13 |14 | | {{ event.description }} | 15 |
Value consists of:
11 | 17 |24 | 25 | 26 | 27 | 28 |
29 |30 | 31 | 32 |
33 |34 | 35 | 36 |
37 |38 | 39 | 40 | 41 |
42 |Available properties of a node object.
| Key | 8 |Type | 9 |Description | 10 |
|---|---|---|
| id (required) | 15 |Number | String | 16 |Used to identify the option within the tree. Its value must be unique across all options. | 17 |
| label (required) | 20 |String | 21 |Used to display the option. | 22 |
| children | 25 |node[] | null |
26 | Declares a branch node. You can: 1) Set to an array of children options consisting of a. leaf nodes, b. branch nodes, or c. a mixture of these two. or 2) Set to empty array for no children options. or 3) Set to null to declare an unloaded branch node for delayed loading. You can reassign an array (regardless of whether it's empty or not) later in loadOptions() to register these children options, and mark this branch node as loaded. If you want to declare a leaf node, set children: undefined or simply omit this property. |
27 |
| isDisabled | 30 |Boolean | 31 |Used for disabling item selection. See here for detailed information. | 32 |
| isNew | 35 |Boolean | 36 |Used for giving new nodes a different color. | 37 |
| isDefaultExpanded | 40 |Boolean | 41 |Whether this folder option should be expanded by default. | 42 |
The value of label, children or isDisabled can be reassigned anytime.
Add more properties than the listed ones IS okay. You can even use these extra properties in your custom template by accessing node.raw.xxx.