Followed the below steps:
I have also added a sample project on github
Am I missing something?
Type errors:
c:\temp\kendo-popup-with-vite>pnpm build
> kendo-popup-with-vite@0.0.0 build c:\temp\kendo-popup-with-vite
> vue-tsc --noEmit && vite build
node_modules/.pnpm/@progress+kendo-vue-popup@2.7.1_acc43b21ea211aeeda51cec780f114cb/node_modules/@progress/kendo-vue-popup/dist/npm/Popup.d.ts:2:57 - error TS2307: Cannot find module 'vue/types/options' or its corresponding type declarations.
2 import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
~~~~~~~~~~~~~~~~~~~
node_modules/.pnpm/@progress+kendo-vue-popup@2.7.1_acc43b21ea211aeeda51cec780f114cb/node_modules/@progress/kendo-vue-popup/dist/npm/Popup.d.ts:63:72 - error TS2304: Cannot find name 'Vue'.
63 export interface PopupAll extends PopupMethods, PopupState, PopupData, Vue {
~~~
node_modules/.pnpm/@progress+kendo-vue-popup@2.7.1_acc43b21ea211aeeda51cec780f114cb/node_modules/@progress/kendo-vue-popup/dist/npm/Popup.d.ts:68:37 - error TS2304: Cannot find name 'Vue'.
68 declare let Popup: ComponentOptions<Vue, DefaultData<PopupData>, DefaultMethods<PopupAll>, {}, RecordPropsDefinition<PopupProps>>;
~~~
Found 3 errors.
ELIFECYCLE Command failed with exit code 2.
App.vue
<script lang="ts">
import { defineComponent } from 'vue';
import { Popup } from '@progress/kendo-vue-popup';
export default defineComponent({
components: {
'k-popup': Popup,
},
data() {
return {
show: false,
}
},
methods: {
onClick() {
this.show = !this.show;
}
}
});
</script>
<template>
<div>
<button class="k-button" @click="onClick" ref="buttonWithPopup">Click Me</button>
<k-popup :anchor="'buttonWithPopup'" :show="show">Popup content.</k-popup>
</div>
</template>
Hi i want to ask about editor in native component like in this demo Link
so i have 2 problem so far when implementing editor.
first question is when i set value in v-model and load page, i can get value after load finish but i cant type anything in editor
this is my setup code :
second question is that popup tools css like insert image or insert code looks broken when i open it
i upload screenshot for your reference about my second question
you can ask more detail if my question is confusing
thanks
I have started using the new Vue Native DropDownList and found a few issues when it is used inside a popup (bootstrap-vue modal).
The dropdown list will not display. I can make it display by adding:
.k-animation-container {
z-index: 100000;
}
Now it displays but clicking out side the dropped down list will not close it.
Wayne
I'm experiencing severe clashes when using native packages with the DropDownTree wrapper. I was only using the wrapper packages before and everything was working fine, however now that I added the native grid to the app the wrapper DropDownTree is giving me Uncaught ReferenceError: jQuery is not defined
I remove all non standard code and still it comes out like the CSS is never applied on top of some other broken stuff.
I'm on VueJS 2.7.14
"@progress/kendo-data-query": "^1.6.0",
"@progress/kendo-drawing": "^1.17.3",
"@progress/kendo-dropdowntree-vue-wrapper": "^2023.1.117",
"@progress/kendo-licensing": "^1.3.0",
"@progress/kendo-svg-icons": "^1.1.1",
"@progress/kendo-theme-default": "^6.0.3",
"@progress/kendo-ui": "^2023.1.117",
"@progress/kendo-vue-animation": "^3.8.1",
"@progress/kendo-vue-data-tools": "^3.8.1",
"@progress/kendo-vue-dateinputs": "^3.8.1",
"@progress/kendo-vue-dropdowns": "^3.8.1",
"@progress/kendo-vue-excel-export": "^3.8.1",
"@progress/kendo-vue-grid": "^3.8.1",
"@progress/kendo-vue-indicators": "^3.8.1",
"@progress/kendo-vue-inputs": "^3.8.1",
"@progress/kendo-vue-intl": "^3.8.1",
"@progress/kendo-vue-popup": "^2.7.3"
I used these packages before and everything was fine:
"@progress/kendo-dropdowntree-vue-wrapper": "^2021.3.1207",
"@progress/kendo-licensing": "^1.2.1",
"@progress/kendo-theme-default": "^4.43.0",
"@progress/kendo-ui": "^2021.3.1207"
If anyone could tell me how to use the css file from @progress/kendo-theme-default": "^4.43.0" inside a component I think that would solve my problem.
I am using SignalR, to add items to a sheduler datasource.
when adding an appointment if someone is also on an appointment, close the window event,
there is a way to update the agenda without closing the window event
We use data-testids (an attribute) for our test automation. It looks like on an internal component like buttons in popup boxes and rows in a grid that we can no longer add these. Is there some way in KendoUI that we can add these tags for our automation testing. KendoMenu items is an example where we like to add them for each menu item that it seems like we can't
Thank You,
Anthony Rizzolo
Is it possible to prevent the user from clicking (selecting) a parent node, but still allow selection of any children. Or ideally change the behaviour of the parent node to expand / collapse the node. The current behaviour of the DropDownTree is that all children are selected, and I don't want this, only a single (child)node should be selectable
So in the example below, the user can select on Apple, Orange etc, but not Fruit / Vegetable
- Fruit
I am trying to setup a blank project using Vite and Vue 3 since Vite is suggested tooling for new Vue 3 projects.
I am getting type errors despite "skipLibCheck": true in the tsconfig.
Environment:
> node -v v16.14.2 > pnpm -v 6.32.4 > pnpm tsc -v Version 4.6.3
Reproduction steps:
... more lines...
node_modules/.pnpm/@progress+kendo-vue-popup@3.2.4_d36bad9df0c973a5805fa10278317f29/node_modules/@progress/kendo-vue-popup/dist/npm/additionalTypes.ts:9:68 - error TS1205: Re-exporting a type when the '--isolatedModules' flag is provided requires using 'export type'. 9 export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type }; ~~~~~~~~ Found 6 errors in 3 files. Errors Files 2 node_modules/.pnpm/@progress+kendo-vue-common@3.2.4_d36bad9df0c973a5805fa10278317f29/node_modules/@progress/kendo-vue-common/dist/npm/additionalTypes.ts:9 2 node_modules/.pnpm/@progress+kendo-vue-dropdowns@3.2.4_4d853744181ba70ddba87c6a33341cef/node_modules/@progress/kendo-vue-dropdowns/dist/npm/additionalTypes.ts:9 2 node_modules/.pnpm/@progress+kendo-vue-popup@3.2.4_d36bad9df0c973a5805fa10278317f29/node_modules/@progress/kendo-vue-popup/dist/npm/additionalTypes.ts:9
Same steps, but tooltip folder in the repository root gives different errors:
node_modules/.pnpm/@progress+kendo-vue-tooltip@3.2.4_d36bad9df0c973a5805fa10278317f29/node_modules/@progress/kendo-vue-tooltip/dist/npm/additionalTypes.ts:9:10 - error TS1205: Re-exporting a type when the '--isolatedModules' flag is provided requires using 'export type'. 9 export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type }; ~~~~~~~~~~~~~~~ node_modules/.pnpm/@progress+kendo-vue-tooltip@3.2.4_d36bad9df0c973a5805fa10278317f29/node_modules/@progress/kendo-vue-tooltip/dist/npm/additionalTypes.ts:9:68 - error TS1205: Re-exporting a type when the '--isolatedModules' flag is provided requires using 'export type'. 9 export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type }; ~~~~~~~~ Found 2 errors in the same file, starting at: node_modules/.pnpm/@progress+kendo-vue-tooltip@3.2.4_d36bad9df0c973a5805fa10278317f29/node_modules/@progress/kendo-vue-tooltip/dist/npm/additionalTypes.ts:9
All this works in a vue cli project without issues. However, due to the size of our project, the build times are increasing. So we're looking at alternatives.
I have two questions: