@progress/kendo-vue-barcodes 9.2.0-develop.1
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/Barcode.d.ts +81 -0
- package/Barcode.js +8 -0
- package/Barcode.mjs +109 -0
- package/BarcodeProps.d.ts +66 -0
- package/BaseBarcode.d.ts +38 -0
- package/BaseBarcode.js +8 -0
- package/BaseBarcode.mjs +92 -0
- package/BaseBarcodeProps.d.ts +35 -0
- package/LICENSE.md +11 -0
- package/NOTICE.txt +109 -0
- package/QRCode.d.ts +79 -0
- package/QRCode.js +8 -0
- package/QRCode.mjs +108 -0
- package/QRCodeProps.d.ts +78 -0
- package/README.md +53 -0
- package/dist/cdn/js/kendo-vue-barcodes.js +15 -0
- package/index.d.mts +14 -0
- package/index.d.ts +14 -0
- package/index.js +8 -0
- package/index.mjs +13 -0
- package/package-metadata.d.ts +12 -0
- package/package-metadata.js +8 -0
- package/package-metadata.mjs +19 -0
- package/package.json +65 -0
- package/store/reducer.d.ts +13 -0
- package/store/reducer.js +8 -0
- package/store/reducer.mjs +23 -0
- package/store/store.d.ts +31 -0
- package/store/store.js +8 -0
- package/store/store.mjs +19 -0
- package/types/barcode-text.d.ts +39 -0
- package/types/barcode-type.d.ts +11 -0
- package/types/border.interface.d.ts +31 -0
- package/types/dash-type.interface.d.ts +11 -0
- package/types/margin.interface.d.ts +36 -0
- package/types/padding.interface.d.ts +36 -0
- package/types/qrcode-encoding.d.ts +11 -0
- package/types/qrcode-error-correction.d.ts +16 -0
- package/types/qrcode-overlay.d.ts +36 -0
- package/types/render-mode.d.ts +15 -0
- package/types.d.ts +17 -0
- package/utils/common.d.ts +11 -0
- package/utils/common.js +8 -0
- package/utils/common.mjs +28 -0
package/Barcode.d.ts
ADDED
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { PropType } from 'vue';
|
|
9
|
+
import { Surface, Group, ImageExportOptions, SVGExportOptions } from '@progress/kendo-drawing';
|
|
10
|
+
/**
|
|
11
|
+
* Represents the Kendo UI for Vue Barcode component.
|
|
12
|
+
*
|
|
13
|
+
* @hidden
|
|
14
|
+
*/
|
|
15
|
+
declare const Barcode: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
16
|
+
renderAs: {
|
|
17
|
+
type: PropType<import('./types').RenderMode>;
|
|
18
|
+
default: string;
|
|
19
|
+
};
|
|
20
|
+
background: PropType<string>;
|
|
21
|
+
border: PropType<import('./types').Border>;
|
|
22
|
+
checksum: PropType<boolean>;
|
|
23
|
+
color: PropType<string>;
|
|
24
|
+
height: PropType<number>;
|
|
25
|
+
padding: PropType<number | import('./types').Padding>;
|
|
26
|
+
text: PropType<import('./types').BarcodeText>;
|
|
27
|
+
type: PropType<string>;
|
|
28
|
+
value: PropType<string | number>;
|
|
29
|
+
width: PropType<number>;
|
|
30
|
+
}>, {}, {}, {
|
|
31
|
+
barcodeInstance(): any;
|
|
32
|
+
}, {
|
|
33
|
+
/**
|
|
34
|
+
* Gets the Drawing `Surface` of the Barcode.
|
|
35
|
+
*/
|
|
36
|
+
getSurface(): Surface | null;
|
|
37
|
+
/**
|
|
38
|
+
* Gets the DOM element of the Barcode.
|
|
39
|
+
*/
|
|
40
|
+
getElement(): HTMLDivElement | null;
|
|
41
|
+
/**
|
|
42
|
+
* Exports the component as an image. The export operation runs asynchronously and returns a promise.
|
|
43
|
+
*
|
|
44
|
+
* @param options - The parameters for the exported image.
|
|
45
|
+
* @returns A promise that resolves with a PNG image encoded as a Data URI.
|
|
46
|
+
*/
|
|
47
|
+
exportImage(options?: ImageExportOptions): Promise<string>;
|
|
48
|
+
/**
|
|
49
|
+
* Exports the component as an SVG document. The export operation runs asynchronously and returns a promise.
|
|
50
|
+
*
|
|
51
|
+
* @param options - The parameters for the exported file.
|
|
52
|
+
* @returns A promise that resolves with an SVG document that is encoded as a Data URI.
|
|
53
|
+
*/
|
|
54
|
+
exportSVG(options?: SVGExportOptions): Promise<string>;
|
|
55
|
+
/**
|
|
56
|
+
* Exports a Barcode component as a Drawing Scene.
|
|
57
|
+
*
|
|
58
|
+
* @param options - The parameters for the export operation.
|
|
59
|
+
* @returns The root Group of the scene.
|
|
60
|
+
*/
|
|
61
|
+
exportVisual(options?: any): Group;
|
|
62
|
+
deriveOptionsFromParent(options: any): any;
|
|
63
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
64
|
+
renderAs: {
|
|
65
|
+
type: PropType<import('./types').RenderMode>;
|
|
66
|
+
default: string;
|
|
67
|
+
};
|
|
68
|
+
background: PropType<string>;
|
|
69
|
+
border: PropType<import('./types').Border>;
|
|
70
|
+
checksum: PropType<boolean>;
|
|
71
|
+
color: PropType<string>;
|
|
72
|
+
height: PropType<number>;
|
|
73
|
+
padding: PropType<number | import('./types').Padding>;
|
|
74
|
+
text: PropType<import('./types').BarcodeText>;
|
|
75
|
+
type: PropType<string>;
|
|
76
|
+
value: PropType<string | number>;
|
|
77
|
+
width: PropType<number>;
|
|
78
|
+
}>> & Readonly<{}>, {
|
|
79
|
+
renderAs: import('./types').RenderMode;
|
|
80
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
81
|
+
export { Barcode };
|
package/Barcode.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),o=require("@progress/kendo-vue-common"),n=require("./BaseBarcode.js"),a=require("@progress/kendo-charts"),t=require("@progress/kendo-drawing"),c=s.defineComponent({name:"KendoBarcode",props:{renderAs:{type:String,default:"svg"},background:String,border:Object,checksum:Boolean,color:String,height:Number,padding:[Object,Number],text:Object,type:String,value:[String,Number],width:Number},methods:{getSurface(){var r;const e=this.$refs.baseBarcode;return e&&((r=e.barcodeInstance)==null?void 0:r.surface)||null},getElement(){const e=this.$refs.baseBarcode;return e&&e.$el||null},exportImage(e={}){return t.exportImage(this.exportVisual(),e)},exportSVG(e={}){return t.exportSVG(this.exportVisual(),e)},exportVisual(e){const r=this.$refs.baseBarcode;return r!=null&&r.barcodeInstance?r.barcodeInstance.exportVisual(e):new t.Group},deriveOptionsFromParent(e){return Object.assign({},e,{background:this.$props.background,border:this.$props.border,checksum:this.$props.checksum,color:this.$props.color,height:this.$props.height,padding:this.$props.padding,text:this.$props.text,type:this.$props.type,value:this.$props.value,width:this.$props.width})}},computed:{barcodeInstance(){const e=this.$refs.baseBarcode;return e?e.barcodeInstance:null}},render(){return s.createVNode(n.BaseBarcode,{ref:"baseBarcode",renderAs:this.$props.renderAs,deriveOptionsFromParent:this.deriveOptionsFromParent,barcodeConstructor:a.Barcode,getTarget:()=>this,class:o.classNames("k-barcode",this.$attrs.class)},null)}});exports.Barcode=c;
|
package/Barcode.mjs
ADDED
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { defineComponent as t, createVNode as o } from "vue";
|
|
9
|
+
import { classNames as s } from "@progress/kendo-vue-common";
|
|
10
|
+
import { BaseBarcode as a } from "./BaseBarcode.mjs";
|
|
11
|
+
import { Barcode as n } from "@progress/kendo-charts";
|
|
12
|
+
import { Group as i, exportSVG as c, exportImage as p } from "@progress/kendo-drawing";
|
|
13
|
+
const m = /* @__PURE__ */ t({
|
|
14
|
+
name: "KendoBarcode",
|
|
15
|
+
props: {
|
|
16
|
+
renderAs: {
|
|
17
|
+
type: String,
|
|
18
|
+
default: "svg"
|
|
19
|
+
},
|
|
20
|
+
background: String,
|
|
21
|
+
border: Object,
|
|
22
|
+
checksum: Boolean,
|
|
23
|
+
color: String,
|
|
24
|
+
height: Number,
|
|
25
|
+
padding: [Object, Number],
|
|
26
|
+
text: Object,
|
|
27
|
+
type: String,
|
|
28
|
+
value: [String, Number],
|
|
29
|
+
width: Number
|
|
30
|
+
},
|
|
31
|
+
methods: {
|
|
32
|
+
/**
|
|
33
|
+
* Gets the Drawing `Surface` of the Barcode.
|
|
34
|
+
*/
|
|
35
|
+
getSurface() {
|
|
36
|
+
var r;
|
|
37
|
+
const e = this.$refs.baseBarcode;
|
|
38
|
+
return e && ((r = e.barcodeInstance) == null ? void 0 : r.surface) || null;
|
|
39
|
+
},
|
|
40
|
+
/**
|
|
41
|
+
* Gets the DOM element of the Barcode.
|
|
42
|
+
*/
|
|
43
|
+
getElement() {
|
|
44
|
+
const e = this.$refs.baseBarcode;
|
|
45
|
+
return e && e.$el || null;
|
|
46
|
+
},
|
|
47
|
+
/**
|
|
48
|
+
* Exports the component as an image. The export operation runs asynchronously and returns a promise.
|
|
49
|
+
*
|
|
50
|
+
* @param options - The parameters for the exported image.
|
|
51
|
+
* @returns A promise that resolves with a PNG image encoded as a Data URI.
|
|
52
|
+
*/
|
|
53
|
+
exportImage(e = {}) {
|
|
54
|
+
return p(this.exportVisual(), e);
|
|
55
|
+
},
|
|
56
|
+
/**
|
|
57
|
+
* Exports the component as an SVG document. The export operation runs asynchronously and returns a promise.
|
|
58
|
+
*
|
|
59
|
+
* @param options - The parameters for the exported file.
|
|
60
|
+
* @returns A promise that resolves with an SVG document that is encoded as a Data URI.
|
|
61
|
+
*/
|
|
62
|
+
exportSVG(e = {}) {
|
|
63
|
+
return c(this.exportVisual(), e);
|
|
64
|
+
},
|
|
65
|
+
/**
|
|
66
|
+
* Exports a Barcode component as a Drawing Scene.
|
|
67
|
+
*
|
|
68
|
+
* @param options - The parameters for the export operation.
|
|
69
|
+
* @returns The root Group of the scene.
|
|
70
|
+
*/
|
|
71
|
+
exportVisual(e) {
|
|
72
|
+
const r = this.$refs.baseBarcode;
|
|
73
|
+
return r != null && r.barcodeInstance ? r.barcodeInstance.exportVisual(e) : new i();
|
|
74
|
+
},
|
|
75
|
+
deriveOptionsFromParent(e) {
|
|
76
|
+
return Object.assign({}, e, {
|
|
77
|
+
background: this.$props.background,
|
|
78
|
+
border: this.$props.border,
|
|
79
|
+
checksum: this.$props.checksum,
|
|
80
|
+
color: this.$props.color,
|
|
81
|
+
height: this.$props.height,
|
|
82
|
+
padding: this.$props.padding,
|
|
83
|
+
text: this.$props.text,
|
|
84
|
+
type: this.$props.type,
|
|
85
|
+
value: this.$props.value,
|
|
86
|
+
width: this.$props.width
|
|
87
|
+
});
|
|
88
|
+
}
|
|
89
|
+
},
|
|
90
|
+
computed: {
|
|
91
|
+
barcodeInstance() {
|
|
92
|
+
const e = this.$refs.baseBarcode;
|
|
93
|
+
return e ? e.barcodeInstance : null;
|
|
94
|
+
}
|
|
95
|
+
},
|
|
96
|
+
render() {
|
|
97
|
+
return o(a, {
|
|
98
|
+
ref: "baseBarcode",
|
|
99
|
+
renderAs: this.$props.renderAs,
|
|
100
|
+
deriveOptionsFromParent: this.deriveOptionsFromParent,
|
|
101
|
+
barcodeConstructor: n,
|
|
102
|
+
getTarget: () => this,
|
|
103
|
+
class: s("k-barcode", this.$attrs.class)
|
|
104
|
+
}, null);
|
|
105
|
+
}
|
|
106
|
+
});
|
|
107
|
+
export {
|
|
108
|
+
m as Barcode
|
|
109
|
+
};
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { BarcodeText, BarcodeType, Border, Padding } from './types';
|
|
9
|
+
import { BaseBarcodeProps } from './BaseBarcodeProps';
|
|
10
|
+
/**
|
|
11
|
+
* Represents the props of the Kendo UI for Vue Barcode component.
|
|
12
|
+
*/
|
|
13
|
+
export interface BarcodeProps extends BaseBarcodeProps {
|
|
14
|
+
/**
|
|
15
|
+
* Sets the background color of the Barcode. Accepts a valid CSS color string, including hex and rgb.
|
|
16
|
+
*
|
|
17
|
+
* @default "white"
|
|
18
|
+
*/
|
|
19
|
+
background?: string;
|
|
20
|
+
/**
|
|
21
|
+
* Sets the border of the Barcode. Accepts an object implementing the `Border` interface.
|
|
22
|
+
*/
|
|
23
|
+
border?: Border;
|
|
24
|
+
/**
|
|
25
|
+
* Shows or hides the checksum digit next to the value in the text area.
|
|
26
|
+
*
|
|
27
|
+
* @default false
|
|
28
|
+
*/
|
|
29
|
+
checksum?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Sets the color of the Barcode. Accepts a valid CSS color string, including hex and rgb.
|
|
32
|
+
*
|
|
33
|
+
* @default "black"
|
|
34
|
+
*/
|
|
35
|
+
color?: string;
|
|
36
|
+
/**
|
|
37
|
+
* Sets the height of the Barcode in pixels.
|
|
38
|
+
* You can also set the Barcode dimensions through regular CSS styling.
|
|
39
|
+
*/
|
|
40
|
+
height?: number;
|
|
41
|
+
/**
|
|
42
|
+
* Sets the padding of the Barcode. Accepts a numeric value or an object implementing the `Padding` interface.
|
|
43
|
+
*
|
|
44
|
+
* @default 0
|
|
45
|
+
*/
|
|
46
|
+
padding?: Padding | number;
|
|
47
|
+
/**
|
|
48
|
+
* Sets the text label configuration of the Barcode. Accepts an object implementing the `BarcodeText` interface.
|
|
49
|
+
*/
|
|
50
|
+
text?: BarcodeText;
|
|
51
|
+
/**
|
|
52
|
+
* Sets the symbology (encoding) that the Barcode will use. Accepts a value of type `BarcodeType` or a custom string.
|
|
53
|
+
*
|
|
54
|
+
* @default "Code39"
|
|
55
|
+
*/
|
|
56
|
+
type?: BarcodeType | string;
|
|
57
|
+
/**
|
|
58
|
+
* Sets the value of the Barcode. Accepts a string or a number.
|
|
59
|
+
*/
|
|
60
|
+
value?: number | string;
|
|
61
|
+
/**
|
|
62
|
+
* Sets the width of the Barcode in pixels.
|
|
63
|
+
* You can also set the Barcode dimensions through regular CSS styling.
|
|
64
|
+
*/
|
|
65
|
+
width?: number;
|
|
66
|
+
}
|
package/BaseBarcode.d.ts
ADDED
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { PropType } from 'vue';
|
|
9
|
+
/**
|
|
10
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
declare const BaseBarcode: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
13
|
+
renderAs: {
|
|
14
|
+
type: PropType<import('./types').RenderMode>;
|
|
15
|
+
default: string;
|
|
16
|
+
validator: (value: string) => boolean;
|
|
17
|
+
};
|
|
18
|
+
barcodeConstructor: PropType<any>;
|
|
19
|
+
deriveOptionsFromParent: PropType<(options: any) => any>;
|
|
20
|
+
getTarget: PropType<() => any>;
|
|
21
|
+
}>, {}, {}, {}, {
|
|
22
|
+
instantiateCoreBarcode(): void;
|
|
23
|
+
refresh(): void;
|
|
24
|
+
getBarcodeOptions(): any;
|
|
25
|
+
onWindowResize(): void;
|
|
26
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
27
|
+
renderAs: {
|
|
28
|
+
type: PropType<import('./types').RenderMode>;
|
|
29
|
+
default: string;
|
|
30
|
+
validator: (value: string) => boolean;
|
|
31
|
+
};
|
|
32
|
+
barcodeConstructor: PropType<any>;
|
|
33
|
+
deriveOptionsFromParent: PropType<(options: any) => any>;
|
|
34
|
+
getTarget: PropType<() => any>;
|
|
35
|
+
}>> & Readonly<{}>, {
|
|
36
|
+
renderAs: import('./types').RenderMode;
|
|
37
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
38
|
+
export { BaseBarcode };
|
package/BaseBarcode.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),r=require("@progress/kendo-vue-common"),o=require("./store/store.js"),i=require("./store/reducer.js"),a=require("./utils/common.js"),c=require("./package-metadata.js"),d=s.defineComponent({name:"KendoBaseBarcode",props:{renderAs:{type:String,default:"svg",validator:function(e){return["svg","canvas"].includes(e)}},barcodeConstructor:[Object,Function],deriveOptionsFromParent:Function,getTarget:Function},created(){r.validatePackage(c.packageMetadata),this.barcodeInstance=null,this._prevRenderAs=this.renderAs,this.observersStore=o.createStore(i.observersReducer)},mounted(){this.instantiateCoreBarcode(),typeof window!="undefined"&&window.addEventListener("resize",this.onWindowResize)},watch:{renderAs:function(e,t){this._prevRenderAs=t}},updated(){const{renderAs:e}=this.$props;if(this.barcodeInstance!==null)if((e||"svg")!==(this._prevRenderAs||"svg"))this.barcodeInstance.destroy(),this.barcodeInstance=null,this.instantiateCoreBarcode();else{const t=this.getBarcodeOptions();a.isOptionsChanged(this._prevOptions,t)&&this.refresh(),this._prevOptions=t}},beforeUnmount(){this.barcodeInstance!==null&&(this.barcodeInstance.destroy(),this.barcodeInstance=null),typeof window!="undefined"&&window.removeEventListener("resize",this.onWindowResize)},render(){const e=r.getDefaultSlots(this);return s.createVNode("div",null,[e])},methods:{instantiateCoreBarcode(){const{barcodeConstructor:e}=this.$props,t=this.getBarcodeOptions();this.barcodeInstance=new e(this.$el,t,n=>{if(typeof process!="undefined"&&process.env&&process.env.NODE_ENV!=="production")throw n;console.warn(n)}),this._prevOptions=t},refresh(){if(this.barcodeInstance!==null){const e=this.getBarcodeOptions();this.barcodeInstance.setOptions(e)}},getBarcodeOptions(){const{renderAs:e,deriveOptionsFromParent:t}=this.$props;let n={renderAs:e};return t&&(n=t(n)),n},onWindowResize(){this.barcodeInstance!==null&&this.barcodeInstance.redraw()}}});exports.BaseBarcode=d;
|
package/BaseBarcode.mjs
ADDED
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { defineComponent as s, createVNode as o } from "vue";
|
|
9
|
+
import { getDefaultSlots as r, validatePackage as i } from "@progress/kendo-vue-common";
|
|
10
|
+
import { createStore as a } from "./store/store.mjs";
|
|
11
|
+
import { observersReducer as d } from "./store/reducer.mjs";
|
|
12
|
+
import { isOptionsChanged as c } from "./utils/common.mjs";
|
|
13
|
+
import { packageMetadata as p } from "./package-metadata.mjs";
|
|
14
|
+
const m = /* @__PURE__ */ s({
|
|
15
|
+
name: "KendoBaseBarcode",
|
|
16
|
+
props: {
|
|
17
|
+
renderAs: {
|
|
18
|
+
type: String,
|
|
19
|
+
default: "svg",
|
|
20
|
+
validator: function(e) {
|
|
21
|
+
return ["svg", "canvas"].includes(e);
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
barcodeConstructor: [Object, Function],
|
|
25
|
+
deriveOptionsFromParent: Function,
|
|
26
|
+
getTarget: Function
|
|
27
|
+
},
|
|
28
|
+
created() {
|
|
29
|
+
i(p), this.barcodeInstance = null, this._prevRenderAs = this.renderAs, this.observersStore = a(d);
|
|
30
|
+
},
|
|
31
|
+
mounted() {
|
|
32
|
+
this.instantiateCoreBarcode(), typeof window != "undefined" && window.addEventListener("resize", this.onWindowResize);
|
|
33
|
+
},
|
|
34
|
+
watch: {
|
|
35
|
+
renderAs: function(e, t) {
|
|
36
|
+
this._prevRenderAs = t;
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
updated() {
|
|
40
|
+
const {
|
|
41
|
+
renderAs: e
|
|
42
|
+
} = this.$props;
|
|
43
|
+
if (this.barcodeInstance !== null)
|
|
44
|
+
if ((e || "svg") !== (this._prevRenderAs || "svg"))
|
|
45
|
+
this.barcodeInstance.destroy(), this.barcodeInstance = null, this.instantiateCoreBarcode();
|
|
46
|
+
else {
|
|
47
|
+
const t = this.getBarcodeOptions();
|
|
48
|
+
c(this._prevOptions, t) && this.refresh(), this._prevOptions = t;
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
beforeUnmount() {
|
|
52
|
+
this.barcodeInstance !== null && (this.barcodeInstance.destroy(), this.barcodeInstance = null), typeof window != "undefined" && window.removeEventListener("resize", this.onWindowResize);
|
|
53
|
+
},
|
|
54
|
+
render() {
|
|
55
|
+
const e = r(this);
|
|
56
|
+
return o("div", null, [e]);
|
|
57
|
+
},
|
|
58
|
+
methods: {
|
|
59
|
+
instantiateCoreBarcode() {
|
|
60
|
+
const {
|
|
61
|
+
barcodeConstructor: e
|
|
62
|
+
} = this.$props, t = this.getBarcodeOptions();
|
|
63
|
+
this.barcodeInstance = new e(this.$el, t, (n) => {
|
|
64
|
+
if (typeof process != "undefined" && process.env && process.env.NODE_ENV !== "production")
|
|
65
|
+
throw n;
|
|
66
|
+
console.warn(n);
|
|
67
|
+
}), this._prevOptions = t;
|
|
68
|
+
},
|
|
69
|
+
refresh() {
|
|
70
|
+
if (this.barcodeInstance !== null) {
|
|
71
|
+
const e = this.getBarcodeOptions();
|
|
72
|
+
this.barcodeInstance.setOptions(e);
|
|
73
|
+
}
|
|
74
|
+
},
|
|
75
|
+
getBarcodeOptions() {
|
|
76
|
+
const {
|
|
77
|
+
renderAs: e,
|
|
78
|
+
deriveOptionsFromParent: t
|
|
79
|
+
} = this.$props;
|
|
80
|
+
let n = {
|
|
81
|
+
renderAs: e
|
|
82
|
+
};
|
|
83
|
+
return t && (n = t(n)), n;
|
|
84
|
+
},
|
|
85
|
+
onWindowResize() {
|
|
86
|
+
this.barcodeInstance !== null && this.barcodeInstance.redraw();
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
export {
|
|
91
|
+
m as BaseBarcode
|
|
92
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { RenderMode } from './types';
|
|
9
|
+
/**
|
|
10
|
+
* @hidden
|
|
11
|
+
*/
|
|
12
|
+
export interface BaseBarcodeProps {
|
|
13
|
+
/**
|
|
14
|
+
* Sets the preferred rendering engine.
|
|
15
|
+
*
|
|
16
|
+
* The supported values are:
|
|
17
|
+
* - `"svg"`—If available, renders the component as an inline `svg` element.
|
|
18
|
+
* - `"canvas"`—If available, renders the component as a `canvas` element.
|
|
19
|
+
*
|
|
20
|
+
* @default "svg"
|
|
21
|
+
*/
|
|
22
|
+
renderAs?: RenderMode;
|
|
23
|
+
/**
|
|
24
|
+
* @hidden
|
|
25
|
+
*/
|
|
26
|
+
deriveOptionsFromParent?: (options: any) => any;
|
|
27
|
+
/**
|
|
28
|
+
* @hidden
|
|
29
|
+
*/
|
|
30
|
+
barcodeConstructor?: any;
|
|
31
|
+
/**
|
|
32
|
+
* @hidden
|
|
33
|
+
*/
|
|
34
|
+
getTarget?: () => any;
|
|
35
|
+
}
|
package/LICENSE.md
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
# Kendo UI for Vue
|
|
2
|
+
|
|
3
|
+
This package is part of the [Kendo UI for Vue](https://www.telerik.com/kendo-vue-ui/) suite.
|
|
4
|
+
|
|
5
|
+
## License
|
|
6
|
+
|
|
7
|
+
This is commercial software. To use it, you need to agree to the [**Telerik End User License Agreement for Kendo UI**](https://www.telerik.com/purchase/license-agreement/kendo-ui). If you do not own a commercial license, this file shall be governed by the trial license terms.
|
|
8
|
+
|
|
9
|
+
All available Kendo UI commercial licenses may be obtained at https://www.telerik.com/purchase/kendo-ui.
|
|
10
|
+
|
|
11
|
+
*Copyright © 2022 Progress Software Corporation and/or one of its subsidiaries or affiliates. All Rights Reserved.*
|
package/NOTICE.txt
ADDED
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
|
|
2
|
+
Progress Kendo UI for Vue 2026 Updated July 2026
|
|
3
|
+
|
|
4
|
+
----------------------------------------------------------------------------------------------------------------------------
|
|
5
|
+
NOTICES REPORT
|
|
6
|
+
----------------------------------------------------------------------------------------------------------------------------
|
|
7
|
+
|
|
8
|
+
Portions of the Products include certain open source and commercial third-party components listed below ("Third-Party
|
|
9
|
+
Components"). The authors of the Third-Party Components require Progress Software Corporation ("PSC") to include the
|
|
10
|
+
following notices and additional licensing terms as a condition of PSC's use of such Third-Party Components. You
|
|
11
|
+
acknowledge that the authors of the Third-Party Components have no obligation to provide support to you for the Third-Party
|
|
12
|
+
Components or the Product. You hereby undertake to comply with all licenses related to the applicable Third-Party
|
|
13
|
+
Components. Notwithstanding anything to the contrary, to the extent that any of the terms and conditions of the Progress
|
|
14
|
+
Agreement conflict, vary, or are in addition to the terms and conditions of the aforementioned third-party licenses for these
|
|
15
|
+
technologies, such terms and conditions are offered by PSC alone and not by any other party.
|
|
16
|
+
|
|
17
|
+
----------------------------------------------------------------------------------------------------------------------------
|
|
18
|
+
Report Content
|
|
19
|
+
- General License Information
|
|
20
|
+
- Components
|
|
21
|
+
- License Data and Text
|
|
22
|
+
----------------------------------------------------------------------------------------------------------------------------
|
|
23
|
+
|
|
24
|
+
General License Information:
|
|
25
|
+
|
|
26
|
+
----------------------------------------------------------------------------------------------------------------------------
|
|
27
|
+
|
|
28
|
+
GENERATIVE ARTIFICIAL INTELLIGENCE INTEGRATION
|
|
29
|
+
If the Software documentation specifies integration with some form of generative artificial intelligence (AI), then the
|
|
30
|
+
Software will include a configuration to connect to AI. You acknowledge that a separate license or subscription access
|
|
31
|
+
to AI governed by the terms and conditions of a license agreement from AI licensor will be required for use and access of
|
|
32
|
+
AI capabilities integrated with the Software. You will be responsible to comply with the terms of such license agreement
|
|
33
|
+
for a valid use of AI. You acknowledge and accept that Progress is not a party to the license agreement between You
|
|
34
|
+
and AI licensor for AI use, and as a result Progress does not have any control over AI and its availability, and Progress
|
|
35
|
+
disclaims any and all liabilities for any output, error, damages, loss, etc., or any other result of Your use of AI
|
|
36
|
+
integrated with the Software.
|
|
37
|
+
|
|
38
|
+
----------------------------------------------------------------------------------------------------------------------------
|
|
39
|
+
|
|
40
|
+
NOTICE FROM PROGRESS SOFTWARE CORPORATION: Additional notices may be included in the release notes or other
|
|
41
|
+
documentation that accompanies updates received in connection with support of the Product.
|
|
42
|
+
|
|
43
|
+
----------------------------------------------------------------------------------------------------------------------------
|
|
44
|
+
|
|
45
|
+
Components:
|
|
46
|
+
|
|
47
|
+
| -------------------------------------- | ------------------------------------- | ---------------------------------------- |
|
|
48
|
+
| Component | Origin | License |
|
|
49
|
+
| -------------------------------------- | ------------------------------------- | ---------------------------------------- |
|
|
50
|
+
| @progress/jszip-esm 1.0.4 | https://github.com/telerik/jszip-esm# | MIT License |
|
|
51
|
+
| | readme | |
|
|
52
|
+
| @progress/pako-esm 1.0.1 | https://github.com/telerik/pako-esm#r | MIT License |
|
|
53
|
+
| | eadme | |
|
|
54
|
+
| prosemirror-commands 1.7.1 | https://github.com/prosemirror/prosem | MIT License |
|
|
55
|
+
| | irror-commands#readme | |
|
|
56
|
+
| prosemirror-dropcursor 1.8.2 | https://github.com/prosemirror/prosem | MIT License |
|
|
57
|
+
| | irror-dropcursor#readme | |
|
|
58
|
+
| prosemirror-gapcursor 1.4.0 | https://github.com/prosemirror/prosem | MIT License |
|
|
59
|
+
| | irror-gapcursor#readme | |
|
|
60
|
+
| prosemirror-history 1.5.0 | https://github.com/prosemirror/prosem | MIT License |
|
|
61
|
+
| | irror-history#readme | |
|
|
62
|
+
| prosemirror-inputrules 1.5.1 | https://github.com/prosemirror/prosem | MIT License |
|
|
63
|
+
| | irror-inputrules#readme | |
|
|
64
|
+
| prosemirror-keymap 1.2.3 | https://github.com/prosemirror/prosem | MIT License |
|
|
65
|
+
| | irror-keymap#readme | |
|
|
66
|
+
| prosemirror-model 1.25.4 | https://github.com/prosemirror/prosem | MIT License |
|
|
67
|
+
| | irror-model#readme | |
|
|
68
|
+
| prosemirror-schema-list 1.5.1 | https://github.com/prosemirror/prosem | MIT License |
|
|
69
|
+
| | irror-schema-list#readme | |
|
|
70
|
+
| prosemirror-state 1.4.4 | https://github.com/prosemirror/prosem | MIT License |
|
|
71
|
+
| | irror-state#readme | |
|
|
72
|
+
| prosemirror-tables 1.8.5 | https://github.com/prosemirror/prosem | MIT License |
|
|
73
|
+
| | irror-tables#readme | |
|
|
74
|
+
| prosemirror-transform 1.10.5 | https://github.com/prosemirror/prosem | MIT License |
|
|
75
|
+
| | irror-transform#readme | |
|
|
76
|
+
| prosemirror-view 1.41.6 | https://github.com/prosemirror/prosem | MIT License |
|
|
77
|
+
| | irror-view#readme | |
|
|
78
|
+
| -------------------------------------- | ------------------------------------- | ---------------------------------------- |
|
|
79
|
+
|
|
80
|
+
-------------------------------------------------------------------------------------------------------------------------
|
|
81
|
+
License Data and Text:
|
|
82
|
+
-------------------------------------------------------------------------------------------------------------------------
|
|
83
|
+
|
|
84
|
+
MIT License
|
|
85
|
+
(@progress/jszip-esm 1.0.4, @progress/pako-esm 1.0.1, prosemirror-commands 1.7.1, prosemirror-dropcursor 1.8.2, prosemirror-gapcursor 1.4.0, prosemirror-history 1.5.0, prosemirror-inputrules 1.5.1, prosemirror-keymap 1.2.3, prosemirror-model 1.25.4, prosemirror-schema-list 1.5.1, prosemirror-state 1.4.4, prosemirror-tables 1.8.5, prosemirror-transform 1.10.5, prosemirror-view 1.41.6)
|
|
86
|
+
|
|
87
|
+
The MIT License
|
|
88
|
+
===============
|
|
89
|
+
|
|
90
|
+
[Copyright notice for each component version subject to this license can be located via the origin url provided in the Component Summary above]
|
|
91
|
+
|
|
92
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
|
93
|
+
this software and associated documentation files (the "Software"), to deal in the
|
|
94
|
+
Software without restriction, including without limitation the rights to use,
|
|
95
|
+
copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the
|
|
96
|
+
Software, and to permit persons to whom the Software is furnished to do so,
|
|
97
|
+
subject to the following conditions:
|
|
98
|
+
|
|
99
|
+
The above copyright notice and this permission notice shall be included in all
|
|
100
|
+
copies or substantial portions of the Software.
|
|
101
|
+
|
|
102
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
103
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
|
104
|
+
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
|
105
|
+
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN
|
|
106
|
+
AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
|
|
107
|
+
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
|
108
|
+
|
|
109
|
+
---
|
package/QRCode.d.ts
ADDED
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
import { PropType } from 'vue';
|
|
9
|
+
import { Surface, Group, ImageExportOptions, SVGExportOptions } from '@progress/kendo-drawing';
|
|
10
|
+
/**
|
|
11
|
+
* Represents the Kendo UI for Vue QRCode component.
|
|
12
|
+
*
|
|
13
|
+
* @hidden
|
|
14
|
+
*/
|
|
15
|
+
declare const QRCode: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
16
|
+
renderAs: {
|
|
17
|
+
type: PropType<import('./types').RenderMode>;
|
|
18
|
+
default: string;
|
|
19
|
+
};
|
|
20
|
+
background: PropType<string>;
|
|
21
|
+
border: PropType<import('./types').Border>;
|
|
22
|
+
color: PropType<string>;
|
|
23
|
+
encoding: PropType<import('./types').QRCodeEncoding>;
|
|
24
|
+
errorCorrection: PropType<import('./types').QRCodeErrorCorrection>;
|
|
25
|
+
overlay: PropType<import('./types').QRCodeOverlay>;
|
|
26
|
+
padding: PropType<number>;
|
|
27
|
+
size: PropType<string | number>;
|
|
28
|
+
value: PropType<string | number>;
|
|
29
|
+
}>, {}, {}, {
|
|
30
|
+
barcodeInstance(): any;
|
|
31
|
+
}, {
|
|
32
|
+
/**
|
|
33
|
+
* Gets the Drawing `Surface` of the QRCode.
|
|
34
|
+
*/
|
|
35
|
+
getSurface(): Surface | null;
|
|
36
|
+
/**
|
|
37
|
+
* Gets the DOM element of the QRCode.
|
|
38
|
+
*/
|
|
39
|
+
getElement(): HTMLDivElement | null;
|
|
40
|
+
/**
|
|
41
|
+
* Exports the component as an image. The export operation runs asynchronously and returns a promise.
|
|
42
|
+
*
|
|
43
|
+
* @param options - The parameters for the exported image.
|
|
44
|
+
* @returns A promise that resolves with a PNG image encoded as a Data URI.
|
|
45
|
+
*/
|
|
46
|
+
exportImage(options?: ImageExportOptions): Promise<string>;
|
|
47
|
+
/**
|
|
48
|
+
* Exports the component as an SVG document. The export operation runs asynchronously and returns a promise.
|
|
49
|
+
*
|
|
50
|
+
* @param options - The parameters for the exported file.
|
|
51
|
+
* @returns A promise that resolves with an SVG document that is encoded as a Data URI.
|
|
52
|
+
*/
|
|
53
|
+
exportSVG(options?: SVGExportOptions): Promise<string>;
|
|
54
|
+
/**
|
|
55
|
+
* Exports a QRCode component as a Drawing Scene.
|
|
56
|
+
*
|
|
57
|
+
* @param options - The parameters for the export operation.
|
|
58
|
+
* @returns The root Group of the scene.
|
|
59
|
+
*/
|
|
60
|
+
exportVisual(options?: any): Group;
|
|
61
|
+
deriveOptionsFromParent(options: any): any;
|
|
62
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
63
|
+
renderAs: {
|
|
64
|
+
type: PropType<import('./types').RenderMode>;
|
|
65
|
+
default: string;
|
|
66
|
+
};
|
|
67
|
+
background: PropType<string>;
|
|
68
|
+
border: PropType<import('./types').Border>;
|
|
69
|
+
color: PropType<string>;
|
|
70
|
+
encoding: PropType<import('./types').QRCodeEncoding>;
|
|
71
|
+
errorCorrection: PropType<import('./types').QRCodeErrorCorrection>;
|
|
72
|
+
overlay: PropType<import('./types').QRCodeOverlay>;
|
|
73
|
+
padding: PropType<number>;
|
|
74
|
+
size: PropType<string | number>;
|
|
75
|
+
value: PropType<string | number>;
|
|
76
|
+
}>> & Readonly<{}>, {
|
|
77
|
+
renderAs: import('./types').RenderMode;
|
|
78
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
79
|
+
export { QRCode };
|
package/QRCode.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*-------------------------------------------------------------------------------------------
|
|
4
|
+
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
5
|
+
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
|
+
*-------------------------------------------------------------------------------------------
|
|
7
|
+
*/
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),s=require("@progress/kendo-vue-common"),n=require("./BaseBarcode.js"),a=require("@progress/kendo-charts"),o=require("@progress/kendo-drawing"),i="#000",c="#fff",d="L",u=t.defineComponent({name:"KendoQRCode",props:{renderAs:{type:String,default:"svg"},background:String,border:Object,color:String,encoding:String,errorCorrection:String,overlay:Object,padding:Number,size:[Number,String],value:[String,Number]},methods:{getSurface(){var r;const e=this.$refs.baseBarcode;return e&&((r=e.barcodeInstance)==null?void 0:r.surface)||null},getElement(){const e=this.$refs.baseBarcode;return e&&e.$el||null},exportImage(e={}){return o.exportImage(this.exportVisual(),e)},exportSVG(e={}){return o.exportSVG(this.exportVisual(),e)},exportVisual(e){const r=this.$refs.baseBarcode;return r!=null&&r.barcodeInstance?r.barcodeInstance.exportVisual(e):new o.Group},deriveOptionsFromParent(e){return Object.assign({},e,{background:this.$props.background||c,border:this.$props.border,color:this.$props.color||i,encoding:this.$props.encoding,errorCorrection:this.$props.errorCorrection||d,overlay:this.$props.overlay||{},padding:this.$props.padding,renderAs:this.$props.renderAs,size:this.$props.size,value:this.$props.value})}},computed:{barcodeInstance(){const e=this.$refs.baseBarcode;return e?e.barcodeInstance:null}},render(){return t.createVNode(n.BaseBarcode,{ref:"baseBarcode",renderAs:this.$props.renderAs,deriveOptionsFromParent:this.deriveOptionsFromParent,barcodeConstructor:a.QRCode,getTarget:()=>this,class:s.classNames("k-qrcode",this.$attrs.class)},null)}});exports.QRCode=u;
|