@voicenter-team/voicenter-ui-plus 1.0.3 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +159 -159
- package/library/{VcExcelFileUploader-BtI8zL5e.mjs → VcExcelFileUploader-CtwKyzRO.mjs} +2 -2
- package/library/VcExcelFileUploader-CtwKyzRO.mjs.br +0 -0
- package/library/{VcExcelFileUploader-BtI8zL5e.mjs.gz → VcExcelFileUploader-CtwKyzRO.mjs.gz} +0 -0
- package/library/{VcImageUploader-CpRKUorH.mjs → VcImageUploader-DJ4qLs91.mjs} +1 -1
- package/library/VcImageUploader-DJ4qLs91.mjs.br +0 -0
- package/library/VcImageUploader-DJ4qLs91.mjs.gz +0 -0
- package/library/{VcJsonSchema-BsWU1exo.mjs → VcJsonSchema-5PB_95aU.mjs} +2 -2
- package/library/VcJsonSchema-5PB_95aU.mjs.br +0 -0
- package/library/VcJsonSchema-5PB_95aU.mjs.gz +0 -0
- package/library/{VcMdEditor-DetsmZBb.mjs → VcMdEditor--FQbtI7f.mjs} +8 -8
- package/library/VcMdEditor--FQbtI7f.mjs.br +0 -0
- package/library/VcMdEditor--FQbtI7f.mjs.gz +0 -0
- package/library/{VcPdfDocument-CkJWb2CI.mjs → VcPdfDocument-BvMJ434e.mjs} +1 -1
- package/library/VcPdfDocument-BvMJ434e.mjs.br +0 -0
- package/library/VcPdfDocument-BvMJ434e.mjs.gz +0 -0
- package/library/{VcSoundPlayer-VomG5XmW.mjs → VcSoundPlayer-YIBhJIJc.mjs} +1 -1
- package/library/VcSoundPlayer-YIBhJIJc.mjs.br +0 -0
- package/library/VcSoundPlayer-YIBhJIJc.mjs.gz +0 -0
- package/library/{VcSparkline-DGyw04qL.mjs → VcSparkline-7gI7DJWb.mjs} +1 -1
- package/library/VcSparkline-7gI7DJWb.mjs.br +0 -0
- package/library/VcSparkline-7gI7DJWb.mjs.gz +0 -0
- package/library/{VcTransfer-BAgUlDeA.mjs → VcTransfer-C7t6-EW7.mjs} +1 -1
- package/library/VcTransfer-C7t6-EW7.mjs.br +0 -0
- package/library/VcTransfer-C7t6-EW7.mjs.gz +0 -0
- package/library/{VcTree-opTMgAlx.mjs → VcTree-CAeltJPd.mjs} +1 -1
- package/library/{VcTree.vue_vue_type_style_index_0_lang-C2z_NpSt.mjs → VcTree.vue_vue_type_style_index_0_lang-BitsCwxW.mjs} +66 -7
- package/library/VcTree.vue_vue_type_style_index_0_lang-BitsCwxW.mjs.br +0 -0
- package/library/VcTree.vue_vue_type_style_index_0_lang-BitsCwxW.mjs.gz +0 -0
- package/library/{VcTreeSelect-Dpv_AGmC.mjs → VcTreeSelect-nCZz2he7.mjs} +2 -2
- package/library/VcTreeSelect-nCZz2he7.mjs.br +0 -0
- package/library/VcTreeSelect-nCZz2he7.mjs.gz +0 -0
- package/library/{_isIterateeCall-CXi0CChf.mjs → _isIterateeCall-LbtFpJ35.mjs} +1 -1
- package/library/{entry-BcP_3OvF.mjs → entry-D-Isr2T3.mjs} +219 -171
- package/library/entry-D-Isr2T3.mjs.br +0 -0
- package/library/entry-D-Isr2T3.mjs.gz +0 -0
- package/library/{index-wg-sJEIe.mjs → index-BOqhRUS7.mjs} +1 -1
- package/library/index-BOqhRUS7.mjs.br +0 -0
- package/library/index-BOqhRUS7.mjs.gz +0 -0
- package/library/{index-DdpXIyWi.mjs → index-BP-5_dzz.mjs} +1 -1
- package/library/index-BP-5_dzz.mjs.br +0 -0
- package/library/index-BP-5_dzz.mjs.gz +0 -0
- package/library/{index-DnbFG59U.mjs → index-BW8dNRNK.mjs} +1 -1
- package/library/index-BW8dNRNK.mjs.br +0 -0
- package/library/index-BW8dNRNK.mjs.gz +0 -0
- package/library/{index-DHC8rGE0.mjs → index-B_DykM7J.mjs} +1 -1
- package/library/index-B_DykM7J.mjs.br +0 -0
- package/library/index-B_DykM7J.mjs.gz +0 -0
- package/library/{index-BvGsVfit.mjs → index-D7gsiylL.mjs} +1 -1
- package/library/index-D7gsiylL.mjs.br +0 -0
- package/library/index-D7gsiylL.mjs.gz +0 -0
- package/library/{index-DYxEBn8a.mjs → index-DdIB32mY.mjs} +1 -1
- package/library/index-DdIB32mY.mjs.br +0 -0
- package/library/index-DdIB32mY.mjs.gz +0 -0
- package/library/style.css +1 -1
- package/library/style.css.br +0 -0
- package/library/style.css.gz +0 -0
- package/library/super.mjs +121 -118
- package/library/super.mjs.br +0 -0
- package/library/super.mjs.gz +0 -0
- package/library/super.umd.js +6 -6
- package/library/super.umd.js.br +0 -0
- package/library/super.umd.js.gz +0 -0
- package/library/types/composables/useRTL.d.ts +12 -0
- package/library/types/entry.d.ts +2 -0
- package/library/types/tokens/tokens.d.ts +2 -0
- package/library/types/types/VcRTL.types.d.ts +5 -0
- package/library/types/types/index.d.ts +1 -0
- package/package.json +1 -1
- package/tailwind.config.js +190 -190
- package/library/VcExcelFileUploader-BtI8zL5e.mjs.br +0 -0
- package/library/VcImageUploader-CpRKUorH.mjs.br +0 -0
- package/library/VcImageUploader-CpRKUorH.mjs.gz +0 -0
- package/library/VcJsonSchema-BsWU1exo.mjs.br +0 -0
- package/library/VcJsonSchema-BsWU1exo.mjs.gz +0 -0
- package/library/VcMdEditor-DetsmZBb.mjs.br +0 -0
- package/library/VcMdEditor-DetsmZBb.mjs.gz +0 -0
- package/library/VcPdfDocument-CkJWb2CI.mjs.br +0 -0
- package/library/VcPdfDocument-CkJWb2CI.mjs.gz +0 -0
- package/library/VcSoundPlayer-VomG5XmW.mjs.br +0 -0
- package/library/VcSoundPlayer-VomG5XmW.mjs.gz +0 -0
- package/library/VcSparkline-DGyw04qL.mjs.br +0 -0
- package/library/VcSparkline-DGyw04qL.mjs.gz +0 -0
- package/library/VcTransfer-BAgUlDeA.mjs.br +0 -0
- package/library/VcTransfer-BAgUlDeA.mjs.gz +0 -0
- package/library/VcTree.vue_vue_type_style_index_0_lang-C2z_NpSt.mjs.br +0 -0
- package/library/VcTree.vue_vue_type_style_index_0_lang-C2z_NpSt.mjs.gz +0 -0
- package/library/VcTreeSelect-Dpv_AGmC.mjs.br +0 -0
- package/library/VcTreeSelect-Dpv_AGmC.mjs.gz +0 -0
- package/library/entry-BcP_3OvF.mjs.br +0 -0
- package/library/entry-BcP_3OvF.mjs.gz +0 -0
- package/library/index-BvGsVfit.mjs.br +0 -0
- package/library/index-BvGsVfit.mjs.gz +0 -0
- package/library/index-DHC8rGE0.mjs.br +0 -0
- package/library/index-DHC8rGE0.mjs.gz +0 -0
- package/library/index-DYxEBn8a.mjs.br +0 -0
- package/library/index-DYxEBn8a.mjs.gz +0 -0
- package/library/index-DdpXIyWi.mjs.br +0 -0
- package/library/index-DdpXIyWi.mjs.gz +0 -0
- package/library/index-DnbFG59U.mjs.br +0 -0
- package/library/index-DnbFG59U.mjs.gz +0 -0
- package/library/index-wg-sJEIe.mjs.br +0 -0
- package/library/index-wg-sJEIe.mjs.gz +0 -0
package/README.md
CHANGED
|
@@ -1,159 +1,159 @@
|
|
|
1
|
-
# Voicenter UI library for Vue
|
|
2
|
-
This is Vue 3.x + Typescript component library made for Voicenter systems
|
|
3
|
-
|
|
4
|
-
## Installation
|
|
5
|
-
1. run `yarn add @voicenter-team/voicenter-ui-plus` or `npm i @voicenter-team/voicenter-ui-plus`
|
|
6
|
-
2. In main js/ts file add
|
|
7
|
-
```js
|
|
8
|
-
import '@voicenter-team/voicenter-ui-plus/library/style.css'
|
|
9
|
-
import VoicenterUI from '@voicenter-team/voicenter-ui-plus'
|
|
10
|
-
|
|
11
|
-
app.use(VoicenterUI, {
|
|
12
|
-
components: [], // Here you can pass list of components which you wan't to be globally registered. If empty - will register globally all
|
|
13
|
-
themeConfig, // Pass the configuration of the theme
|
|
14
|
-
lang: 'en', // Pass the language for app localization
|
|
15
|
-
injectIconFont: true, // Will load the icons fonts by adding link elements to head block, library does include the icon fonts in style.css by default, this option should be used in cases like creating custom elements where shadow dom does not support font-family declaration
|
|
16
|
-
})
|
|
17
|
-
```
|
|
18
|
-
2.1. If you are using tailwind update your `tailwind.config.js` with:
|
|
19
|
-
```js
|
|
20
|
-
const voiceTailwindScheme = require('@voicenter-team/voicenter-ui-plus/src/theme/tailwindScheme')
|
|
21
|
-
|
|
22
|
-
module.exports = {
|
|
23
|
-
...yourConfiguration,
|
|
24
|
-
theme: {
|
|
25
|
-
colors: {
|
|
26
|
-
...voiceTailwindScheme
|
|
27
|
-
},
|
|
28
|
-
borderColor: {
|
|
29
|
-
...voiceTailwindScheme
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
```
|
|
34
|
-
|
|
35
|
-
### Theming specification
|
|
36
|
-
The `themeConfig` which is passed as options to the VoicenterUI `vue.use` data could have the following specifications:
|
|
37
|
-
|
|
38
|
-
### Local
|
|
39
|
-
**Config:**
|
|
40
|
-
```js
|
|
41
|
-
{
|
|
42
|
-
type: 'local'
|
|
43
|
-
themeName: 'red' | 'blue' | '...'
|
|
44
|
-
onSetupCallback: () => {
|
|
45
|
-
console.log('Loaded!')
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
```
|
|
49
|
-
**Description:**
|
|
50
|
-
|
|
51
|
-
Such configuration will append to the document element the CSS variables from one of the configuration passed in `themeName` parameter which it will get from theme specification delivered alongside with library
|
|
52
|
-
|
|
53
|
-
**Params:**
|
|
54
|
-
- **themeName**
|
|
55
|
-
- The name of the theme to be injected
|
|
56
|
-
- **onSetupCallback**
|
|
57
|
-
- The function which will be called right after the variables will be injected into the document element. First parameter of which is the theme object which was set up
|
|
58
|
-
|
|
59
|
-
### Remote
|
|
60
|
-
**Config:**
|
|
61
|
-
```js
|
|
62
|
-
{
|
|
63
|
-
type: 'remote'
|
|
64
|
-
brandingSectionName: 'someName'
|
|
65
|
-
apiUrl: 'someUrl'
|
|
66
|
-
brandingSectionName: {
|
|
67
|
-
property: 'data'
|
|
68
|
-
}
|
|
69
|
-
onSetupCallback: () => {
|
|
70
|
-
console.log('Loaded!')
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
```
|
|
74
|
-
**Description:**
|
|
75
|
-
|
|
76
|
-
Such configuration will initiate the call to the specified apiUrl in order to retrieve the JSON object with key-value properties of the CSS variables to inject to document element
|
|
77
|
-
|
|
78
|
-
**Params:**
|
|
79
|
-
- **brandingSectionName**
|
|
80
|
-
- [Optional] The name of the section (tagSection) in the database configuration which will be passed to the API in payload and on response retrieved replaced from resulted values
|
|
81
|
-
- **apiUrl**
|
|
82
|
-
- The API url to which the POST request will be initiated
|
|
83
|
-
- **onSetupCallback**
|
|
84
|
-
- The function which will be called right after the variables will be injected into the document element. First parameter of which is the theme object which was set up
|
|
85
|
-
- **brandingSectionName**
|
|
86
|
-
- [Optional] The payload data that will be sent to the request
|
|
87
|
-
|
|
88
|
-
### Custom JSON
|
|
89
|
-
**Config:**
|
|
90
|
-
```js
|
|
91
|
-
{
|
|
92
|
-
type: 'customJson'
|
|
93
|
-
config: {
|
|
94
|
-
black: '#000000'
|
|
95
|
-
}
|
|
96
|
-
onSetupCallback: () => {
|
|
97
|
-
console.log('Loaded!')
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
```
|
|
101
|
-
**Description:**
|
|
102
|
-
|
|
103
|
-
Such configuration will initiate the styling with custom provided theme
|
|
104
|
-
|
|
105
|
-
**Params:**
|
|
106
|
-
- **config**
|
|
107
|
-
- The object where the key is the variable to be set and the value is the variable value. Check the [themes object](https://github.com/VoicenterTeam/voicenter-ui-plus/blob/master/src/theme/themes.json) to check existing variables
|
|
108
|
-
- **onSetupCallback**
|
|
109
|
-
- The function which will be called right after the variables will be injected into the document element. First parameter of which is the theme object which was set up
|
|
110
|
-
|
|
111
|
-
## Date Handling
|
|
112
|
-
|
|
113
|
-
This library uses **dayjs** for all date operations and formatting. When working with date-related components, use dayjs format tokens (NOT date-fns format tokens).
|
|
114
|
-
|
|
115
|
-
### Format Tokens
|
|
116
|
-
|
|
117
|
-
**Important**: Use dayjs format tokens:
|
|
118
|
-
- `DD` - Day of month (2 digits) - **NOT** `dd`
|
|
119
|
-
- `YYYY` - 4-digit year - **NOT** `yyyy`
|
|
120
|
-
- `MM` - Month (2 digits)
|
|
121
|
-
- `HH` - 24-hour format
|
|
122
|
-
- `mm` - Minutes
|
|
123
|
-
- `ss` - Seconds
|
|
124
|
-
|
|
125
|
-
### Common Formats
|
|
126
|
-
|
|
127
|
-
```typescript
|
|
128
|
-
'DD/MM/YYYY' // 31/12/2024
|
|
129
|
-
'DD-MM-YYYY' // 31-12-2024
|
|
130
|
-
'YYYY-MM-DD' // 2024-12-31
|
|
131
|
-
'DD/MM/YYYY, HH:mm' // 31/12/2024, 14:30
|
|
132
|
-
'DD/MM/YYYY HH:mm:ss' // 31/12/2024 14:30:45
|
|
133
|
-
```
|
|
134
|
-
|
|
135
|
-
### Usage Example
|
|
136
|
-
|
|
137
|
-
```vue
|
|
138
|
-
<VcDatePicker
|
|
139
|
-
v-model="date"
|
|
140
|
-
format="DD/MM/YYYY"
|
|
141
|
-
input-date-format="DD/MM/YYYY"
|
|
142
|
-
input-time-format="HH:mm"
|
|
143
|
-
/>
|
|
144
|
-
```
|
|
145
|
-
|
|
146
|
-
For more details, see the date utility functions in `src/utils/dateTime.ts`.
|
|
147
|
-
|
|
148
|
-
## Documentation
|
|
149
|
-
|
|
150
|
-
### Live Documentation
|
|
151
|
-
Visit [documentation](https://voicenter-ui.netlify.app/) for interactive component examples and demos.
|
|
152
|
-
|
|
153
|
-
### Project Documentation
|
|
154
|
-
For detailed technical documentation, see the [`docs/`](./docs/) directory:
|
|
155
|
-
|
|
156
|
-
- **[Quick Start Guide](./docs/AGENTS_QUICK_START.md)** - For developers working on the library
|
|
157
|
-
- **[Integration Guide](./docs/AGENTS_INTEGRATION_GUIDE.md)** - For using the library in other projects
|
|
158
|
-
- **[Architecture Overview](./docs/ARCHITECTURE.md)** - Project structure and technical details
|
|
159
|
-
- **[Documentation Guide](./docs/DOCUMENTATION_GUIDE.md)** - Working with the documentation system
|
|
1
|
+
# Voicenter UI library for Vue
|
|
2
|
+
This is Vue 3.x + Typescript component library made for Voicenter systems
|
|
3
|
+
|
|
4
|
+
## Installation
|
|
5
|
+
1. run `yarn add @voicenter-team/voicenter-ui-plus` or `npm i @voicenter-team/voicenter-ui-plus`
|
|
6
|
+
2. In main js/ts file add
|
|
7
|
+
```js
|
|
8
|
+
import '@voicenter-team/voicenter-ui-plus/library/style.css'
|
|
9
|
+
import VoicenterUI from '@voicenter-team/voicenter-ui-plus'
|
|
10
|
+
|
|
11
|
+
app.use(VoicenterUI, {
|
|
12
|
+
components: [], // Here you can pass list of components which you wan't to be globally registered. If empty - will register globally all
|
|
13
|
+
themeConfig, // Pass the configuration of the theme
|
|
14
|
+
lang: 'en', // Pass the language for app localization
|
|
15
|
+
injectIconFont: true, // Will load the icons fonts by adding link elements to head block, library does include the icon fonts in style.css by default, this option should be used in cases like creating custom elements where shadow dom does not support font-family declaration
|
|
16
|
+
})
|
|
17
|
+
```
|
|
18
|
+
2.1. If you are using tailwind update your `tailwind.config.js` with:
|
|
19
|
+
```js
|
|
20
|
+
const voiceTailwindScheme = require('@voicenter-team/voicenter-ui-plus/src/theme/tailwindScheme')
|
|
21
|
+
|
|
22
|
+
module.exports = {
|
|
23
|
+
...yourConfiguration,
|
|
24
|
+
theme: {
|
|
25
|
+
colors: {
|
|
26
|
+
...voiceTailwindScheme
|
|
27
|
+
},
|
|
28
|
+
borderColor: {
|
|
29
|
+
...voiceTailwindScheme
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
### Theming specification
|
|
36
|
+
The `themeConfig` which is passed as options to the VoicenterUI `vue.use` data could have the following specifications:
|
|
37
|
+
|
|
38
|
+
### Local
|
|
39
|
+
**Config:**
|
|
40
|
+
```js
|
|
41
|
+
{
|
|
42
|
+
type: 'local'
|
|
43
|
+
themeName: 'red' | 'blue' | '...'
|
|
44
|
+
onSetupCallback: () => {
|
|
45
|
+
console.log('Loaded!')
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
```
|
|
49
|
+
**Description:**
|
|
50
|
+
|
|
51
|
+
Such configuration will append to the document element the CSS variables from one of the configuration passed in `themeName` parameter which it will get from theme specification delivered alongside with library
|
|
52
|
+
|
|
53
|
+
**Params:**
|
|
54
|
+
- **themeName**
|
|
55
|
+
- The name of the theme to be injected
|
|
56
|
+
- **onSetupCallback**
|
|
57
|
+
- The function which will be called right after the variables will be injected into the document element. First parameter of which is the theme object which was set up
|
|
58
|
+
|
|
59
|
+
### Remote
|
|
60
|
+
**Config:**
|
|
61
|
+
```js
|
|
62
|
+
{
|
|
63
|
+
type: 'remote'
|
|
64
|
+
brandingSectionName: 'someName'
|
|
65
|
+
apiUrl: 'someUrl'
|
|
66
|
+
brandingSectionName: {
|
|
67
|
+
property: 'data'
|
|
68
|
+
}
|
|
69
|
+
onSetupCallback: () => {
|
|
70
|
+
console.log('Loaded!')
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
```
|
|
74
|
+
**Description:**
|
|
75
|
+
|
|
76
|
+
Such configuration will initiate the call to the specified apiUrl in order to retrieve the JSON object with key-value properties of the CSS variables to inject to document element
|
|
77
|
+
|
|
78
|
+
**Params:**
|
|
79
|
+
- **brandingSectionName**
|
|
80
|
+
- [Optional] The name of the section (tagSection) in the database configuration which will be passed to the API in payload and on response retrieved replaced from resulted values
|
|
81
|
+
- **apiUrl**
|
|
82
|
+
- The API url to which the POST request will be initiated
|
|
83
|
+
- **onSetupCallback**
|
|
84
|
+
- The function which will be called right after the variables will be injected into the document element. First parameter of which is the theme object which was set up
|
|
85
|
+
- **brandingSectionName**
|
|
86
|
+
- [Optional] The payload data that will be sent to the request
|
|
87
|
+
|
|
88
|
+
### Custom JSON
|
|
89
|
+
**Config:**
|
|
90
|
+
```js
|
|
91
|
+
{
|
|
92
|
+
type: 'customJson'
|
|
93
|
+
config: {
|
|
94
|
+
black: '#000000'
|
|
95
|
+
}
|
|
96
|
+
onSetupCallback: () => {
|
|
97
|
+
console.log('Loaded!')
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
```
|
|
101
|
+
**Description:**
|
|
102
|
+
|
|
103
|
+
Such configuration will initiate the styling with custom provided theme
|
|
104
|
+
|
|
105
|
+
**Params:**
|
|
106
|
+
- **config**
|
|
107
|
+
- The object where the key is the variable to be set and the value is the variable value. Check the [themes object](https://github.com/VoicenterTeam/voicenter-ui-plus/blob/master/src/theme/themes.json) to check existing variables
|
|
108
|
+
- **onSetupCallback**
|
|
109
|
+
- The function which will be called right after the variables will be injected into the document element. First parameter of which is the theme object which was set up
|
|
110
|
+
|
|
111
|
+
## Date Handling
|
|
112
|
+
|
|
113
|
+
This library uses **dayjs** for all date operations and formatting. When working with date-related components, use dayjs format tokens (NOT date-fns format tokens).
|
|
114
|
+
|
|
115
|
+
### Format Tokens
|
|
116
|
+
|
|
117
|
+
**Important**: Use dayjs format tokens:
|
|
118
|
+
- `DD` - Day of month (2 digits) - **NOT** `dd`
|
|
119
|
+
- `YYYY` - 4-digit year - **NOT** `yyyy`
|
|
120
|
+
- `MM` - Month (2 digits)
|
|
121
|
+
- `HH` - 24-hour format
|
|
122
|
+
- `mm` - Minutes
|
|
123
|
+
- `ss` - Seconds
|
|
124
|
+
|
|
125
|
+
### Common Formats
|
|
126
|
+
|
|
127
|
+
```typescript
|
|
128
|
+
'DD/MM/YYYY' // 31/12/2024
|
|
129
|
+
'DD-MM-YYYY' // 31-12-2024
|
|
130
|
+
'YYYY-MM-DD' // 2024-12-31
|
|
131
|
+
'DD/MM/YYYY, HH:mm' // 31/12/2024, 14:30
|
|
132
|
+
'DD/MM/YYYY HH:mm:ss' // 31/12/2024 14:30:45
|
|
133
|
+
```
|
|
134
|
+
|
|
135
|
+
### Usage Example
|
|
136
|
+
|
|
137
|
+
```vue
|
|
138
|
+
<VcDatePicker
|
|
139
|
+
v-model="date"
|
|
140
|
+
format="DD/MM/YYYY"
|
|
141
|
+
input-date-format="DD/MM/YYYY"
|
|
142
|
+
input-time-format="HH:mm"
|
|
143
|
+
/>
|
|
144
|
+
```
|
|
145
|
+
|
|
146
|
+
For more details, see the date utility functions in `src/utils/dateTime.ts`.
|
|
147
|
+
|
|
148
|
+
## Documentation
|
|
149
|
+
|
|
150
|
+
### Live Documentation
|
|
151
|
+
Visit [documentation](https://voicenter-ui.netlify.app/) for interactive component examples and demos.
|
|
152
|
+
|
|
153
|
+
### Project Documentation
|
|
154
|
+
For detailed technical documentation, see the [`docs/`](./docs/) directory:
|
|
155
|
+
|
|
156
|
+
- **[Quick Start Guide](./docs/AGENTS_QUICK_START.md)** - For developers working on the library
|
|
157
|
+
- **[Integration Guide](./docs/AGENTS_INTEGRATION_GUIDE.md)** - For using the library in other projects
|
|
158
|
+
- **[Architecture Overview](./docs/ARCHITECTURE.md)** - Project structure and technical details
|
|
159
|
+
- **[Documentation Guide](./docs/DOCUMENTATION_GUIDE.md)** - Working with the documentation system
|
|
@@ -2,8 +2,8 @@ var __defProp = Object.defineProperty;
|
|
|
2
2
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
3
3
|
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
4
4
|
import { defineComponent, ref, resolveComponent, createElementBlock, openBlock, createElementVNode, renderSlot, withModifiers, createVNode, toDisplayString, withCtx, createTextVNode, createCommentVNode, mergeProps, computed, watch, unref, isRef, createSlots, renderList, Fragment, createBlock, normalizeClass, nextTick } from "vue";
|
|
5
|
-
import { _ as _export_sfc, C as useVModel, Q as _sfc_main$7, R as toNumber_1, y as getDefaultExportFromCjs, T as _sfc_main$8 } from "./entry-
|
|
6
|
-
import { _ as _isIterateeCall } from "./_isIterateeCall-
|
|
5
|
+
import { _ as _export_sfc, C as useVModel, Q as _sfc_main$7, R as toNumber_1, y as getDefaultExportFromCjs, T as _sfc_main$8 } from "./entry-D-Isr2T3.mjs";
|
|
6
|
+
import { _ as _isIterateeCall } from "./_isIterateeCall-LbtFpJ35.mjs";
|
|
7
7
|
const sheetJSFT = [
|
|
8
8
|
"xlsx",
|
|
9
9
|
"xlsb",
|
|
Binary file
|
|
Binary file
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createBlock, openBlock, renderSlot, resolveComponent, createVNode, withCtx, Fragment, renderList, resolveDynamicComponent, withDirectives, vShow, mergeProps, createCommentVNode, withModifiers, defineComponent, ref, computed, createElementBlock, createElementVNode, createTextVNode, toDisplayString, TransitionGroup, unref } from "vue";
|
|
2
|
-
import { z as tVU, U as _sfc_main$1 } from "./entry-
|
|
2
|
+
import { z as tVU, U as _sfc_main$1 } from "./entry-D-Isr2T3.mjs";
|
|
3
3
|
function getMimeTypeFromBuffer(file, fallback) {
|
|
4
4
|
const byteArray = new Uint8Array(file).subarray(0, 4);
|
|
5
5
|
let header = "";
|
|
Binary file
|
|
Binary file
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ref, defineComponent, computed, watch, resolveComponent, createElementBlock, openBlock, createVNode, unref, withCtx, createTextVNode, toDisplayString, reactive, createBlock, createElementVNode, createCommentVNode, Fragment, renderList, normalizeClass, resolveDynamicComponent, mergeProps, nextTick, useCssVars, renderSlot, normalizeStyle } from "vue";
|
|
2
|
-
import { z as tVU, V as _sfc_main$6, W as _sfc_main$7, X as _sfc_main$8, Y as _sfc_main$9, Z as _sfc_main$a, $ as cloneDeep, a0 as _sfc_main$b, C as useVModel, a1 as _defineProperty, a2 as _arrayMap, a3 as _SetCache, a4 as _baseUnary, a5 as _cacheHas, a6 as _Symbol, a7 as isArray_1, a8 as isArguments_1, a9 as _arrayPush, aa as _setToArray, ab as _Set, ac as isObjectLike_1, ad as isArrayLike_1, y as getDefaultExportFromCjs, ae as _arrayFilter, af as eq_1, ag as _baseAssignValue, ah as _baseGetTag, ai as _getPrototype, aj as _copyObject, ak as keysIn_1, al as isBufferExports, am as isTypedArray_1, an as _copyArray, ao as _cloneBufferExports, ap as _cloneTypedArray, aq as isObject_1, ar as isFunction_1, as as _initCloneObject, at as _Stack, au as keys, av as isEqual, D as convertToUnit } from "./entry-
|
|
2
|
+
import { z as tVU, V as _sfc_main$6, W as _sfc_main$7, X as _sfc_main$8, Y as _sfc_main$9, Z as _sfc_main$a, $ as cloneDeep, a0 as _sfc_main$b, C as useVModel, a1 as _defineProperty, a2 as _arrayMap, a3 as _SetCache, a4 as _baseUnary, a5 as _cacheHas, a6 as _Symbol, a7 as isArray_1, a8 as isArguments_1, a9 as _arrayPush, aa as _setToArray, ab as _Set, ac as isObjectLike_1, ad as isArrayLike_1, y as getDefaultExportFromCjs, ae as _arrayFilter, af as eq_1, ag as _baseAssignValue, ah as _baseGetTag, ai as _getPrototype, aj as _copyObject, ak as keysIn_1, al as isBufferExports, am as isTypedArray_1, an as _copyArray, ao as _cloneBufferExports, ap as _cloneTypedArray, aq as isObject_1, ar as isFunction_1, as as _initCloneObject, at as _Stack, au as keys, av as isEqual, D as convertToUnit } from "./entry-D-Isr2T3.mjs";
|
|
3
3
|
import { jsonParseLinter, json } from "./index-DAZyI_DA.mjs";
|
|
4
4
|
import { $ as oe } from "./index.es-DmfNOyqW.mjs";
|
|
5
|
-
import { _ as _isIterateeCall } from "./_isIterateeCall-
|
|
5
|
+
import { _ as _isIterateeCall } from "./_isIterateeCall-LbtFpJ35.mjs";
|
|
6
6
|
function useCopyButton() {
|
|
7
7
|
const copyTextAction = ref(tVU.t("voicenterUi.general.copy"));
|
|
8
8
|
const copyDisabled = ref(false);
|
|
Binary file
|
|
Binary file
|
|
@@ -9,7 +9,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
|
|
|
9
9
|
var _watchers, _value, _emit, _meta, _container, _clock, _injectedSlices, _consumedSlices, _recordedTimers, _waitTimers, _getSlice, _getTimer, _container2, _clock2, _meta2, _inspector, _promise, _listener, _eventUniqId, _status, _removeListener, _waitTimeout, _container3, _ctx2, _ctx3, _keymap, _enableInspector, _status2, _configureList, _onStatusChange, _container4, _clock3, _usrPluginStore, _sysPluginStore, _ctx4, _loadInternal, _prepare, _cleanup, _cleanupInternal, _setStatus, _loadPluginInStore, _ctx5, _createSelection, _activeSelection, _active, _activeDOMRect, _dragging, _BlockService_instances, filterNodes_get, view_get, _notify, _hide2, _show2, _handleMouseDown, _handleMouseUp, _handleDragStart, _mousemoveCallback, _dragEnd, _element, _ctx6, _service, _activeNode, _root, _initialized, _middleware, _floatingUIOptions, _getOffset, _getPosition, _getPlacement, _BlockProvider_instances, init_fn, _initialized2, _middleware2, _floatingUIOptions2, _root2, _debounce, _trigger, _shouldShow2, _updater, _offset, _onUpdate, _SlashProvider_instances, _shouldShow_fn, _debounce2, _shouldShow3, _middleware3, _floatingUIOptions3, _root3, _initialized3, _offset2, _shift, _updater2, _onUpdate2, _TooltipProvider_instances, _shouldShow_fn2;
|
|
10
10
|
import { defineComponent, ref, provide, createVNode, Fragment as Fragment$1, inject, onMounted, onUnmounted, h, createApp, watchEffect, computed, watch, shallowRef, getCurrentInstance, markRaw, onBeforeMount, Teleport, toRef, resolveComponent, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, withModifiers, toDisplayString, withDirectives, createBlock, normalizeStyle, vShow, withCtx, renderList, useAttrs, nextTick, mergeProps, isRef } from "vue";
|
|
11
11
|
import { L as LanguageDescription, a as LanguageSupport, S as StreamLanguage, E as EditorView$1, s as syntaxHighlighting, H as HighlightStyle, t as tags$1, k as keyName, b as base, C as Compartment, d as drawSelection, c as keymap$4, e as EditorState$1, f as basicSetup, g as defaultKeymap, i as indentWithTab, P as Parser$1, N as NodeType$2, h as NodeProp, T as Tag, j as NodeSet, l as styleTags, p as parseMixed, m as Tree, n as LRParser, o as ExternalTokenizer, q as ContextTracker, r as LocalTokenGroup, u as LRLanguage, v as indentNodeProp, w as foldNodeProp, x as continuedIndent, y as foldInside, z as syntaxTree, A as NodeWeakMap, I as IterMode, B as delimitedIndent, D as flatIndent, F as sublanguageProp, G as defineLanguageFacet, J as snippetCompletion, K as ifNotIn, M as completeFromList, O as EditorSelection, Q as bracketMatchingHandle, R as Prec, U as Language, V as foldService, W as countColumn, X as indentUnit, Y as CompletionContext, Z as languageDataProp, _ as ParseContext$1, $ as oe } from "./index.es-DmfNOyqW.mjs";
|
|
12
|
-
import { s as setToString, o as overRest, i as identity, a as isObject, b as isArrayLike, c as isIndex, e as eq, d as isObjectLike, f as baseGetTag, g as getPrototype, h as baseAssignValue, j as copyObject, k as keysIn, l as isBuffer, m as isTypedArray, n as isArray$1, p as copyArray, q as cloneBuffer, r as cloneTypedArray, t as isArguments, u as isFunction, v as initCloneObject, S as Stack$1, w as apply$2, x as debounce, y as getDefaultExportFromCjs, _ as _export_sfc, z as tVU, A as useZIndex, B as _sfc_main$4, C as useVModel, D as convertToUnit } from "./entry-
|
|
12
|
+
import { s as setToString, o as overRest, i as identity, a as isObject, b as isArrayLike, c as isIndex, e as eq, d as isObjectLike, f as baseGetTag, g as getPrototype, h as baseAssignValue, j as copyObject, k as keysIn, l as isBuffer, m as isTypedArray, n as isArray$1, p as copyArray, q as cloneBuffer, r as cloneTypedArray, t as isArguments, u as isFunction, v as initCloneObject, S as Stack$1, w as apply$2, x as debounce, y as getDefaultExportFromCjs, _ as _export_sfc, z as tVU, A as useZIndex, B as _sfc_main$4, C as useVModel, D as convertToUnit } from "./entry-D-Isr2T3.mjs";
|
|
13
13
|
function baseRest(func, start) {
|
|
14
14
|
return setToString(overRest(func, start, identity), func + "");
|
|
15
15
|
}
|
|
@@ -1495,14 +1495,14 @@ const languages = [
|
|
|
1495
1495
|
name: "LESS",
|
|
1496
1496
|
extensions: ["less"],
|
|
1497
1497
|
load() {
|
|
1498
|
-
return import("./index-
|
|
1498
|
+
return import("./index-BP-5_dzz.mjs").then((m2) => m2.less());
|
|
1499
1499
|
}
|
|
1500
1500
|
}),
|
|
1501
1501
|
/* @__PURE__ */ LanguageDescription.of({
|
|
1502
1502
|
name: "Liquid",
|
|
1503
1503
|
extensions: ["liquid"],
|
|
1504
1504
|
load() {
|
|
1505
|
-
return import("./index-
|
|
1505
|
+
return import("./index-B_DykM7J.mjs").then((m2) => m2.liquid());
|
|
1506
1506
|
}
|
|
1507
1507
|
}),
|
|
1508
1508
|
/* @__PURE__ */ LanguageDescription.of({
|
|
@@ -1534,7 +1534,7 @@ const languages = [
|
|
|
1534
1534
|
name: "PHP",
|
|
1535
1535
|
extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
|
|
1536
1536
|
load() {
|
|
1537
|
-
return import("./index-
|
|
1537
|
+
return import("./index-BW8dNRNK.mjs").then((m2) => m2.php());
|
|
1538
1538
|
}
|
|
1539
1539
|
}),
|
|
1540
1540
|
/* @__PURE__ */ LanguageDescription.of({
|
|
@@ -1569,14 +1569,14 @@ const languages = [
|
|
|
1569
1569
|
name: "Sass",
|
|
1570
1570
|
extensions: ["sass"],
|
|
1571
1571
|
load() {
|
|
1572
|
-
return import("./index-
|
|
1572
|
+
return import("./index-DdIB32mY.mjs").then((m2) => m2.sass({ indented: true }));
|
|
1573
1573
|
}
|
|
1574
1574
|
}),
|
|
1575
1575
|
/* @__PURE__ */ LanguageDescription.of({
|
|
1576
1576
|
name: "SCSS",
|
|
1577
1577
|
extensions: ["scss"],
|
|
1578
1578
|
load() {
|
|
1579
|
-
return import("./index-
|
|
1579
|
+
return import("./index-DdIB32mY.mjs").then((m2) => m2.sass());
|
|
1580
1580
|
}
|
|
1581
1581
|
}),
|
|
1582
1582
|
/* @__PURE__ */ LanguageDescription.of({
|
|
@@ -2423,13 +2423,13 @@ const languages = [
|
|
|
2423
2423
|
name: "Vue",
|
|
2424
2424
|
extensions: ["vue"],
|
|
2425
2425
|
load() {
|
|
2426
|
-
return import("./index-
|
|
2426
|
+
return import("./index-BOqhRUS7.mjs").then((m2) => m2.vue());
|
|
2427
2427
|
}
|
|
2428
2428
|
}),
|
|
2429
2429
|
/* @__PURE__ */ LanguageDescription.of({
|
|
2430
2430
|
name: "Angular Template",
|
|
2431
2431
|
load() {
|
|
2432
|
-
return import("./index-
|
|
2432
|
+
return import("./index-D7gsiylL.mjs").then((m2) => m2.angular());
|
|
2433
2433
|
}
|
|
2434
2434
|
})
|
|
2435
2435
|
];
|
|
Binary file
|
|
Binary file
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, createElementBlock, openBlock, createElementVNode, renderSlot, toDisplayString, ref, watch, onMounted, resolveComponent, withDirectives, normalizeStyle, createVNode, withModifiers, normalizeClass, computed, onBeforeUnmount, withCtx, createCommentVNode, Fragment, renderList, createBlock, createTextVNode, nextTick } from "vue";
|
|
2
|
-
import { N as getAugmentedNamespace, O as commonjsGlobal, y as getDefaultExportFromCjs, P as resize } from "./entry-
|
|
2
|
+
import { N as getAugmentedNamespace, O as commonjsGlobal, y as getDefaultExportFromCjs, P as resize } from "./entry-D-Isr2T3.mjs";
|
|
3
3
|
function _mergeNamespaces(n, m) {
|
|
4
4
|
for (var i = 0; i < m.length; i++) {
|
|
5
5
|
const e = m[i];
|
|
Binary file
|
|
Binary file
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, ref, computed, watch, resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, withCtx, createVNode, withDirectives, createElementVNode, normalizeClass, vShow, Fragment, renderList, withModifiers } from "vue";
|
|
2
|
-
import { E as DEFAULT_OPTIONS, F as _sfc_main$1, G as _sfc_main$2, H as _sfc_main$3, I as _sfc_main$4, J as _sfc_main$5, K as _sfc_main$6, L as _sfc_main$7, M as _sfc_main$8, _ as _export_sfc } from "./entry-
|
|
2
|
+
import { E as DEFAULT_OPTIONS, F as _sfc_main$1, G as _sfc_main$2, H as _sfc_main$3, I as _sfc_main$4, J as _sfc_main$5, K as _sfc_main$6, L as _sfc_main$7, M as _sfc_main$8, _ as _export_sfc } from "./entry-D-Isr2T3.mjs";
|
|
3
3
|
const _hoisted_1 = { class: "vc-sound-player" };
|
|
4
4
|
const _hoisted_2 = {
|
|
5
5
|
key: 1,
|
|
Binary file
|
|
Binary file
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { defineComponent, useSlots, computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, Fragment, renderList, renderSlot, createTextVNode, toDisplayString, ref, watch, nextTick, useAttrs, createBlock, resolveDynamicComponent, mergeProps, unref, createSlots, withCtx } from "vue";
|
|
2
|
-
import {
|
|
2
|
+
import { bm as UniqueComponentId } from "./entry-D-Isr2T3.mjs";
|
|
3
3
|
function _genPath(points, radius, fill = false, height = 75) {
|
|
4
4
|
if (points.length === 0) return "";
|
|
5
5
|
const start = points.shift();
|
|
Binary file
|
|
Binary file
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { computed, watch, defineComponent, useSlots, reactive, toRefs, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createCommentVNode, createVNode, isRef, withCtx, createTextVNode, toDisplayString, createBlock, withDirectives, Fragment, renderList, vShow, renderSlot, ref, h, Comment } from "vue";
|
|
2
|
-
import { aL as isArray, aM as isNil, aF as buildProps,
|
|
2
|
+
import { aL as isArray, aM as isNil, aF as buildProps, ba as UPDATE_MODEL_EVENT, bb as CHANGE_EVENT, bc as mutable, a$ as definePropType, aN as isFunction, aC as _export_sfc, b0 as useLocale, aD as useNamespace, bd as isEmpty, aW as ElCheckbox, be as ElInput, bf as search_default, bg as ElCheckboxGroup, bh as useFormItem, bi as debugWarn, bj as ElButton, aV as ElIcon, bk as arrow_left_default, aI as isUndefined, bl as arrow_right_default, aE as withInstall, ay as useOptionMethods } from "./entry-D-Isr2T3.mjs";
|
|
3
3
|
const LEFT_CHECK_CHANGE_EVENT = "left-check-change";
|
|
4
4
|
const RIGHT_CHECK_CHANGE_EVENT = "right-check-change";
|
|
5
5
|
const transferProps = buildProps({
|
|
Binary file
|
|
Binary file
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { defineComponent, createBlock, openBlock, Transition, mergeProps, unref, toHandlers, withCtx, renderSlot, ref, computed, onMounted, onUpdated, resolveDynamicComponent, normalizeStyle, normalizeClass, useAttrs, reactive, nextTick, inject, h, provide, resolveComponent, withDirectives, createElementBlock, withModifiers, createElementVNode, createVNode, createCommentVNode, Fragment, renderList, vShow, getCurrentInstance, watch, toDisplayString } from "vue";
|
|
2
|
-
import { aC as _export_sfc, aD as useNamespace, aE as withInstall, aF as buildProps, aG as componentSizes, aH as useFormSize, aI as isUndefined, aJ as hasOwn, aK as isBoolean, aL as isArray, aM as isNil, aN as isFunction, aO as isString, aP as NOOP, aQ as isObject, aR as isPropAbsent, aS as removeClass, aT as addClass, aU as loading_default, aV as ElIcon, aW as ElCheckbox, aX as caret_right_default, aY as useEventListener, aZ as EVENT_CODE, a_ as iconPropType, a$ as definePropType, b0 as useLocale, b1 as selectKey, b2 as isEqual, b3 as formItemContextKey, b4 as TEXT_COLORS, D as convertToUnit,
|
|
1
|
+
import { defineComponent, createBlock, openBlock, Transition, mergeProps, unref, toHandlers, withCtx, renderSlot, ref, computed, onMounted, onUpdated, resolveDynamicComponent, normalizeStyle, normalizeClass, useAttrs, reactive, nextTick, inject, h, provide, resolveComponent, withDirectives, createElementBlock, withModifiers, createElementVNode, createVNode, createCommentVNode, Fragment, renderList, vShow, getCurrentInstance, watch, toDisplayString, onUnmounted } from "vue";
|
|
2
|
+
import { aC as _export_sfc, aD as useNamespace, aE as withInstall, aF as buildProps, aG as componentSizes, aH as useFormSize, aI as isUndefined, aJ as hasOwn, aK as isBoolean, aL as isArray, aM as isNil, aN as isFunction, aO as isString, aP as NOOP, aQ as isObject, aR as isPropAbsent, aS as removeClass, aT as addClass, aU as loading_default, aV as ElIcon, aW as ElCheckbox, aX as caret_right_default, aY as useEventListener, aZ as EVENT_CODE, a_ as iconPropType, a$ as definePropType, b0 as useLocale, b1 as selectKey, b2 as isEqual, b3 as formItemContextKey, b4 as useRTL, b5 as TEXT_COLORS, D as convertToUnit, b6 as watchDebounced, b7 as VcLoading, b8 as resolveFieldData, b9 as set } from "./entry-D-Isr2T3.mjs";
|
|
3
3
|
const __default__$1 = defineComponent({
|
|
4
4
|
name: "ElCollapseTransition"
|
|
5
5
|
});
|
|
@@ -1877,8 +1877,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1877
1877
|
}
|
|
1878
1878
|
var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__file", "tree.vue"]]);
|
|
1879
1879
|
const ElTree = withInstall(Tree);
|
|
1880
|
-
const _hoisted_1 = {
|
|
1881
|
-
const _hoisted_2 = {
|
|
1880
|
+
const _hoisted_1 = {
|
|
1882
1881
|
key: 0,
|
|
1883
1882
|
class: "vc-tree__filter-container"
|
|
1884
1883
|
};
|
|
@@ -1909,6 +1908,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
1909
1908
|
const filterValue = ref("");
|
|
1910
1909
|
const localOptions = ref([]);
|
|
1911
1910
|
const treeRef = ref();
|
|
1911
|
+
const treeContainerRef = ref();
|
|
1912
|
+
let mutationObserver = null;
|
|
1913
|
+
const { isRTL } = useRTL();
|
|
1912
1914
|
const filterByKey = computed(() => props.config.filterBy);
|
|
1913
1915
|
const childrenKey = computed(() => props.config.childrenKey);
|
|
1914
1916
|
const colorClass = computed(() => {
|
|
@@ -2008,6 +2010,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
2008
2010
|
return acc;
|
|
2009
2011
|
}, data);
|
|
2010
2012
|
}
|
|
2013
|
+
function fixRTLPadding() {
|
|
2014
|
+
if (!treeContainerRef.value) return;
|
|
2015
|
+
if (!isRTL.value) return;
|
|
2016
|
+
const treeNodeContents = treeContainerRef.value.querySelectorAll(".el-tree-node__content");
|
|
2017
|
+
treeNodeContents.forEach((element) => {
|
|
2018
|
+
const computedStyle = window.getComputedStyle(element);
|
|
2019
|
+
const paddingLeft = computedStyle.paddingLeft;
|
|
2020
|
+
if (paddingLeft && paddingLeft !== "0px") {
|
|
2021
|
+
element.style.paddingRight = paddingLeft;
|
|
2022
|
+
element.style.paddingLeft = "0";
|
|
2023
|
+
}
|
|
2024
|
+
});
|
|
2025
|
+
}
|
|
2026
|
+
function setupRTLObserver() {
|
|
2027
|
+
if (!treeContainerRef.value) return;
|
|
2028
|
+
if (mutationObserver) {
|
|
2029
|
+
mutationObserver.disconnect();
|
|
2030
|
+
}
|
|
2031
|
+
mutationObserver = new MutationObserver(() => {
|
|
2032
|
+
setTimeout(() => {
|
|
2033
|
+
fixRTLPadding();
|
|
2034
|
+
}, 0);
|
|
2035
|
+
});
|
|
2036
|
+
mutationObserver.observe(treeContainerRef.value, {
|
|
2037
|
+
childList: true,
|
|
2038
|
+
subtree: true,
|
|
2039
|
+
attributes: true,
|
|
2040
|
+
attributeFilter: ["class", "style"]
|
|
2041
|
+
});
|
|
2042
|
+
}
|
|
2011
2043
|
watchDebounced(
|
|
2012
2044
|
filterValue,
|
|
2013
2045
|
(val) => {
|
|
@@ -2022,9 +2054,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
2022
2054
|
() => props.options,
|
|
2023
2055
|
(val) => {
|
|
2024
2056
|
initOptions(val);
|
|
2057
|
+
setTimeout(() => {
|
|
2058
|
+
fixRTLPadding();
|
|
2059
|
+
}, 0);
|
|
2025
2060
|
},
|
|
2026
2061
|
{ immediate: true }
|
|
2027
2062
|
);
|
|
2063
|
+
watch(
|
|
2064
|
+
() => props.expandedKeys,
|
|
2065
|
+
() => {
|
|
2066
|
+
setTimeout(() => {
|
|
2067
|
+
fixRTLPadding();
|
|
2068
|
+
}, 0);
|
|
2069
|
+
}
|
|
2070
|
+
);
|
|
2071
|
+
onMounted(() => {
|
|
2072
|
+
setTimeout(() => {
|
|
2073
|
+
fixRTLPadding();
|
|
2074
|
+
setupRTLObserver();
|
|
2075
|
+
}, 0);
|
|
2076
|
+
});
|
|
2077
|
+
onUnmounted(() => {
|
|
2078
|
+
if (mutationObserver) {
|
|
2079
|
+
mutationObserver.disconnect();
|
|
2080
|
+
mutationObserver = null;
|
|
2081
|
+
}
|
|
2082
|
+
});
|
|
2028
2083
|
__expose({
|
|
2029
2084
|
getCheckedNodes: getCheckedNodesFn,
|
|
2030
2085
|
getCheckedKeys: getCheckedKeysFn,
|
|
@@ -2037,8 +2092,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
2037
2092
|
});
|
|
2038
2093
|
return (_ctx, _cache) => {
|
|
2039
2094
|
const _component_VcInput = resolveComponent("VcInput");
|
|
2040
|
-
return openBlock(), createElementBlock("div",
|
|
2041
|
-
|
|
2095
|
+
return openBlock(), createElementBlock("div", {
|
|
2096
|
+
ref_key: "treeContainerRef",
|
|
2097
|
+
ref: treeContainerRef,
|
|
2098
|
+
class: "vc-tree"
|
|
2099
|
+
}, [
|
|
2100
|
+
filterable.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
|
|
2042
2101
|
createVNode(_component_VcInput, {
|
|
2043
2102
|
modelValue: filterValue.value,
|
|
2044
2103
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filterValue.value = $event),
|
|
@@ -2102,7 +2161,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
2102
2161
|
size: "30",
|
|
2103
2162
|
class: "z-1 rounded"
|
|
2104
2163
|
}, null, 8, ["active"])
|
|
2105
|
-
]);
|
|
2164
|
+
], 512);
|
|
2106
2165
|
};
|
|
2107
2166
|
}
|
|
2108
2167
|
});
|
|
Binary file
|
|
Binary file
|