@syncfusion/ej2-vue-multicolumn-combobox 26.1.35
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 +48 -0
- package/dist/ej2-vue-multicolumn-combobox.umd.min.js +2 -0
- package/dist/ej2-vue-multicolumn-combobox.umd.min.js.map +1 -0
- package/dist/es6/ej2-vue-multicolumn-combobox.es2015.js +238 -0
- package/dist/es6/ej2-vue-multicolumn-combobox.es2015.js.map +1 -0
- package/dist/es6/ej2-vue-multicolumn-combobox.es5.js +242 -0
- package/dist/es6/ej2-vue-multicolumn-combobox.es5.js.map +1 -0
- package/index.d.ts +4 -0
- package/index.js +4 -0
- package/license +6 -0
- package/multicolumn-combobox.d.ts +4 -0
- package/multicolumn-combobox.js +4 -0
- package/package.json +63 -0
- package/src/global.js +1 -0
- package/src/index.d.ts +3 -0
- package/src/index.js +3 -0
- package/src/multicolumn-combobox/columns.directive.d.ts +24 -0
- package/src/multicolumn-combobox/columns.directive.js +60 -0
- package/src/multicolumn-combobox/index.d.ts +2 -0
- package/src/multicolumn-combobox/index.js +2 -0
- package/src/multicolumn-combobox/multicolumncombobox.component.d.ts +41 -0
- package/src/multicolumn-combobox/multicolumncombobox.component.js +180 -0
- package/styles/bootstrap-dark.css +331 -0
- package/styles/bootstrap-dark.scss +1 -0
- package/styles/bootstrap.css +331 -0
- package/styles/bootstrap.scss +1 -0
- package/styles/bootstrap4.css +395 -0
- package/styles/bootstrap4.scss +1 -0
- package/styles/bootstrap5-dark.css +399 -0
- package/styles/bootstrap5-dark.scss +1 -0
- package/styles/bootstrap5.css +399 -0
- package/styles/bootstrap5.scss +1 -0
- package/styles/fabric-dark.css +306 -0
- package/styles/fabric-dark.scss +1 -0
- package/styles/fabric.css +299 -0
- package/styles/fabric.scss +1 -0
- package/styles/fluent-dark.css +379 -0
- package/styles/fluent-dark.scss +1 -0
- package/styles/fluent.css +379 -0
- package/styles/fluent.scss +1 -0
- package/styles/fluent2.css +1408 -0
- package/styles/fluent2.scss +1 -0
- package/styles/highcontrast-light.css +317 -0
- package/styles/highcontrast-light.scss +1 -0
- package/styles/highcontrast.css +317 -0
- package/styles/highcontrast.scss +1 -0
- package/styles/material-dark.css +339 -0
- package/styles/material-dark.scss +1 -0
- package/styles/material.css +364 -0
- package/styles/material.scss +1 -0
- package/styles/material3-dark.css +486 -0
- package/styles/material3-dark.scss +2 -0
- package/styles/material3.css +598 -0
- package/styles/material3.scss +2 -0
- package/styles/multicolumn-combobox/bootstrap-dark.css +331 -0
- package/styles/multicolumn-combobox/bootstrap-dark.scss +1 -0
- package/styles/multicolumn-combobox/bootstrap.css +331 -0
- package/styles/multicolumn-combobox/bootstrap.scss +1 -0
- package/styles/multicolumn-combobox/bootstrap4.css +395 -0
- package/styles/multicolumn-combobox/bootstrap4.scss +1 -0
- package/styles/multicolumn-combobox/bootstrap5-dark.css +399 -0
- package/styles/multicolumn-combobox/bootstrap5-dark.scss +1 -0
- package/styles/multicolumn-combobox/bootstrap5.css +399 -0
- package/styles/multicolumn-combobox/bootstrap5.scss +1 -0
- package/styles/multicolumn-combobox/fabric-dark.css +306 -0
- package/styles/multicolumn-combobox/fabric-dark.scss +1 -0
- package/styles/multicolumn-combobox/fabric.css +299 -0
- package/styles/multicolumn-combobox/fabric.scss +1 -0
- package/styles/multicolumn-combobox/fluent-dark.css +379 -0
- package/styles/multicolumn-combobox/fluent-dark.scss +1 -0
- package/styles/multicolumn-combobox/fluent.css +379 -0
- package/styles/multicolumn-combobox/fluent.scss +1 -0
- package/styles/multicolumn-combobox/fluent2.css +1408 -0
- package/styles/multicolumn-combobox/fluent2.scss +1 -0
- package/styles/multicolumn-combobox/highcontrast-light.css +317 -0
- package/styles/multicolumn-combobox/highcontrast-light.scss +1 -0
- package/styles/multicolumn-combobox/highcontrast.css +317 -0
- package/styles/multicolumn-combobox/highcontrast.scss +1 -0
- package/styles/multicolumn-combobox/material-dark.css +339 -0
- package/styles/multicolumn-combobox/material-dark.scss +1 -0
- package/styles/multicolumn-combobox/material.css +364 -0
- package/styles/multicolumn-combobox/material.scss +1 -0
- package/styles/multicolumn-combobox/material3-dark.css +486 -0
- package/styles/multicolumn-combobox/material3-dark.scss +2 -0
- package/styles/multicolumn-combobox/material3.css +598 -0
- package/styles/multicolumn-combobox/material3.scss +2 -0
- package/styles/multicolumn-combobox/tailwind-dark.css +363 -0
- package/styles/multicolumn-combobox/tailwind-dark.scss +1 -0
- package/styles/multicolumn-combobox/tailwind.css +363 -0
- package/styles/multicolumn-combobox/tailwind.scss +1 -0
- package/styles/tailwind-dark.css +363 -0
- package/styles/tailwind-dark.scss +1 -0
- package/styles/tailwind.css +363 -0
- package/styles/tailwind.scss +1 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ej2-vue-multicolumn-combobox.es5.js","sources":["../../src/multicolumn-combobox/columns.directive.js","../../src/multicolumn-combobox/multicolumncombobox.component.js"],"sourcesContent":["import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined } from '@syncfusion/ej2-base';\nexport var ColumnsDirective = vueDefineComponent({\n inject: { custom: { default: null } },\n render: function (createElement) {\n if (!isExecute) {\n var h = !isExecute ? gh : createElement;\n var slots = null;\n if (!isNullOrUndefined(this.$slots.default)) {\n slots = !isExecute ? this.$slots.default() : this.$slots.default;\n }\n return h('div', { class: 'e-directive' }, slots);\n }\n return;\n },\n updated: function () {\n if (!isExecute && this.custom) {\n this.custom();\n }\n },\n methods: {\n getTag: function () {\n return 'e-columns';\n }\n }\n});\nexport var ColumnsPlugin = {\n name: 'e-columns',\n install: function (Vue) {\n Vue.component(ColumnsPlugin.name, ColumnsDirective);\n }\n};\n/**\n * `e-column` directive represent a column of the VueJS MultiColumnComboBox.\n * It must be contained in a MultiColumnComboBox component(`ejs-multicolumncombobox`).\n * ```vue\n * <ejs-multicolumncombobox :dataSource='data'>\n * <e-columns>\n * <e-column field='ID' width='100'/>\n * <e-column field='name' headerText='Name' width='100'/>\n * </e-columns>\n * </ejs-multicolumncombobox>\n * ```\n */\nexport var ColumnDirective = vueDefineComponent({\n render: function () {\n return;\n },\n methods: {\n getTag: function () {\n return 'e-column';\n }\n }\n});\nexport var ColumnPlugin = {\n name: 'e-column',\n install: function (Vue) {\n Vue.component(ColumnPlugin.name, ColumnDirective);\n }\n};\n","import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';\nimport { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';\nimport { isUndefined } from '@syncfusion/ej2-base';\nimport { MultiColumnComboBox } from '@syncfusion/ej2-multicolumn-combobox';\nimport { ColumnsDirective, ColumnDirective, ColumnsPlugin, ColumnPlugin } from './columns.directive';\nexport var properties = ['isLazyUpdate', 'plugins', 'actionFailureTemplate', 'allowFiltering', 'allowSorting', 'columns', 'cssClass', 'dataSource', 'disabled', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'fields', 'filterType', 'floatLabelType', 'footerTemplate', 'gridSettings', 'groupTemplate', 'htmlAttributes', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'sortType', 'text', 'value', 'width', 'actionBegin', 'actionComplete', 'actionFailure', 'change', 'close', 'created', 'filtering', 'open', 'select'];\nexport var modelProps = ['value'];\nexport var testProp = getProps({ props: properties });\nexport var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);\nemitProbs.push('modelchanged', 'update:modelValue');\nfor (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {\n var props_1 = modelProps_1[_i];\n emitProbs.push('update:' + props_1);\n}\n/**\n * Represents the Essential JS 2 VueJS MultiColumnComboBox Component\n * ```vue\n * <ejs-multicolumncombobox :dataSource='data'></ejs-multicolumncombobox>\n * ```\n */\nexport var MultiColumnComboBoxComponent = vueDefineComponent({\n name: 'MultiColumnComboBoxComponent',\n mixins: [ComponentBase],\n props: props,\n watch: watch,\n emits: emitProbs,\n model: { event: 'modelchanged' },\n provide: function () { return { custom: this.custom }; },\n data: function () {\n return {\n ej2Instances: new MultiColumnComboBox({}),\n propKeys: properties,\n models: modelProps,\n hasChildDirective: true,\n hasInjectedModules: true,\n tagMapper: { \"e-columns\": \"e-column\" },\n tagNameMapper: {},\n isVue3: !isExecute,\n templateCollection: {},\n };\n },\n created: function () {\n this.ej2Instances._trigger = this.ej2Instances.trigger;\n this.ej2Instances.trigger = this.trigger;\n this.bindProperties();\n this.ej2Instances._setProperties = this.ej2Instances.setProperties;\n this.ej2Instances.setProperties = this.setProperties;\n this.ej2Instances.clearTemplate = this.clearTemplate;\n this.updated = this.updated;\n },\n render: function (createElement) {\n var h = !isExecute ? gh : createElement;\n var slots = null;\n if (!isNullOrUndefined(this.$slots.default)) {\n slots = !isExecute ? this.$slots.default() : this.$slots.default;\n }\n return h('input', slots);\n },\n methods: {\n clearTemplate: function (templateNames) {\n if (!templateNames) {\n templateNames = Object.keys(this.templateCollection || {});\n }\n if (templateNames.length && this.templateCollection) {\n for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {\n var tempName = templateNames_1[_i];\n var elementCollection = this.templateCollection[tempName];\n if (elementCollection && elementCollection.length) {\n for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {\n var ele = elementCollection_1[_a];\n var destroy = getValue('__vue__.$destroy', ele);\n if (destroy) {\n ele.__vue__.$destroy();\n }\n if (ele.innerHTML) {\n ele.innerHTML = '';\n }\n }\n delete this.templateCollection[tempName];\n }\n }\n }\n },\n setProperties: function (prop, muteOnChange) {\n var _this = this;\n if (this.isVue3) {\n this.models = !this.models ? this.ej2Instances.referModels : this.models;\n }\n if (this.ej2Instances && this.ej2Instances._setProperties) {\n this.ej2Instances._setProperties(prop, muteOnChange);\n }\n if (prop && this.models && this.models.length) {\n Object.keys(prop).map(function (key) {\n _this.models.map(function (model) {\n if ((key === model) && !(/datasource/i.test(key))) {\n if (_this.isVue3) {\n _this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);\n }\n else {\n _this.$emit('update:' + key, prop[key]);\n _this.$emit('modelchanged', prop[key]);\n }\n }\n });\n });\n }\n },\n trigger: function (eventName, eventProp, successHandler) {\n if (!isExecute) {\n this.models = !this.models ? this.ej2Instances.referModels : this.models;\n }\n if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {\n var key = this.models.toString().match(/checked|value/) || [];\n var propKey = key[0];\n if (eventProp && key && !isUndefined(eventProp[propKey])) {\n if (!isExecute) {\n this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);\n this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);\n this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);\n }\n else {\n if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {\n this.$emit('update:' + propKey, eventProp[propKey]);\n this.$emit('modelchanged', eventProp[propKey]);\n }\n }\n }\n }\n else if ((eventName === 'actionBegin' && eventProp.requestType === 'dateNavigate') && this.models && (this.models.length !== 0)) {\n var key = this.models.toString().match(/currentView|selectedDate/) || [];\n var propKey = key[0];\n if (eventProp && key && !isUndefined(eventProp[propKey])) {\n if (!isExecute) {\n this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);\n this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);\n }\n else {\n this.$emit('update:' + propKey, eventProp[propKey]);\n this.$emit('modelchanged', eventProp[propKey]);\n }\n }\n }\n if ((this.ej2Instances && this.ej2Instances._trigger)) {\n this.ej2Instances._trigger(eventName, eventProp, successHandler);\n }\n },\n custom: function () {\n this.updated();\n },\n addItems: function (items, index) {\n return this.ej2Instances.addItems(items, index);\n },\n focusIn: function (e) {\n return this.ej2Instances.focusIn(e);\n },\n focusOut: function (e) {\n return this.ej2Instances.focusOut(e);\n },\n getDataByValue: function (value) {\n return this.ej2Instances.getDataByValue(value);\n },\n getItems: function () {\n return this.ej2Instances.getItems();\n },\n hidePopup: function (e) {\n return this.ej2Instances.hidePopup(e);\n },\n showPopup: function (e, isInputOpen) {\n return this.ej2Instances.showPopup(e, isInputOpen);\n },\n }\n});\nexport var MultiColumnComboBoxPlugin = {\n name: 'ejs-multicolumncombobox',\n install: function (Vue) {\n Vue.component(MultiColumnComboBoxPlugin.name, MultiColumnComboBoxComponent);\n Vue.component(ColumnPlugin.name, ColumnDirective);\n Vue.component(ColumnsPlugin.name, ColumnsDirective);\n }\n};\n"],"names":[],"mappings":"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"}
|
package/index.d.ts
ADDED
package/index.js
ADDED
package/license
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
Essential JS 2 library is available under the Syncfusion Essential Studio program, and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
|
|
2
|
+
To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions.
|
|
3
|
+
Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
|
|
4
|
+
Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions.
|
|
5
|
+
The Syncfusion license that contains the terms and conditions can be found at
|
|
6
|
+
https://www.syncfusion.com/content/downloads/syncfusion_license.pdf
|
package/package.json
ADDED
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
{
|
|
2
|
+
"_from": "@syncfusion/ej2-vue-multicolumn-combobox@*",
|
|
3
|
+
"_id": "@syncfusion/ej2-vue-multicolumn-combobox@21.29.0",
|
|
4
|
+
"_inBundle": false,
|
|
5
|
+
"_integrity": "sha512-BKMjfdt7RhvMFyKFjgtH8NmduEYH4unWjdiWZAAy3mwEjwhzsjla786TuxU6FAnd4ttM9QSZbsmwnwpceQnObg==",
|
|
6
|
+
"_location": "/@syncfusion/ej2-vue-multicolumn-combobox",
|
|
7
|
+
"_phantomChildren": {},
|
|
8
|
+
"_requested": {
|
|
9
|
+
"type": "range",
|
|
10
|
+
"registry": true,
|
|
11
|
+
"raw": "@syncfusion/ej2-vue-multicolumn-combobox@*",
|
|
12
|
+
"name": "@syncfusion/ej2-vue-multicolumn-combobox",
|
|
13
|
+
"escapedName": "@syncfusion%2fej2-vue-multicolumn-combobox",
|
|
14
|
+
"scope": "@syncfusion",
|
|
15
|
+
"rawSpec": "*",
|
|
16
|
+
"saveSpec": null,
|
|
17
|
+
"fetchSpec": "*"
|
|
18
|
+
},
|
|
19
|
+
"_requiredBy": [
|
|
20
|
+
"/"
|
|
21
|
+
],
|
|
22
|
+
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-vue-multicolumn-combobox/-/ej2-vue-multicolumn-combobox-21.29.0.tgz",
|
|
23
|
+
"_shasum": "1da963b326419f3cf2ff5d26f268868fd39be58e",
|
|
24
|
+
"_spec": "@syncfusion/ej2-vue-multicolumn-combobox@*",
|
|
25
|
+
"_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
|
|
26
|
+
"author": {
|
|
27
|
+
"name": "Syncfusion Inc."
|
|
28
|
+
},
|
|
29
|
+
"bugs": {
|
|
30
|
+
"url": "https://github.com/syncfusion/ej2-vue-ui-components/issues"
|
|
31
|
+
},
|
|
32
|
+
"bundleDependencies": false,
|
|
33
|
+
"dependencies": {
|
|
34
|
+
"@syncfusion/ej2-base": "~26.1.35",
|
|
35
|
+
"@syncfusion/ej2-multicolumn-combobox": "26.1.35",
|
|
36
|
+
"@syncfusion/ej2-vue-base": "~26.1.35"
|
|
37
|
+
},
|
|
38
|
+
"deprecated": false,
|
|
39
|
+
"description": "Essential JS 2 Component for Vue",
|
|
40
|
+
"devDependencies": {},
|
|
41
|
+
"es2015": "dist/es6/ej2-vue-multicolumn-combobox.es2015.js",
|
|
42
|
+
"homepage": "https://www.syncfusion.com/vue-components",
|
|
43
|
+
"keywords": [
|
|
44
|
+
"vue",
|
|
45
|
+
"vuejs",
|
|
46
|
+
"ej2-vue-multicolumncombobox",
|
|
47
|
+
"vue-multicolumncombobox"
|
|
48
|
+
],
|
|
49
|
+
"license": "SEE LICENSE IN license",
|
|
50
|
+
"main": "./dist/ej2-vue-multicolumn-combobox.umd.min.js",
|
|
51
|
+
"module": "./index.js",
|
|
52
|
+
"name": "@syncfusion/ej2-vue-multicolumn-combobox",
|
|
53
|
+
"repository": {
|
|
54
|
+
"type": "git",
|
|
55
|
+
"url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
|
|
56
|
+
},
|
|
57
|
+
"scripts": {
|
|
58
|
+
"ci-publish": "gulp ci-publish",
|
|
59
|
+
"compile": "gulp ci-compile && gulp vue-global-script"
|
|
60
|
+
},
|
|
61
|
+
"version": "26.1.35",
|
|
62
|
+
"sideEffects": false
|
|
63
|
+
}
|
package/src/global.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './index';
|
package/src/index.d.ts
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from '@syncfusion/ej2-multicolumn-combobox';
|
|
2
|
+
export { ColumnsDirective, ColumnDirective, ColumnsPlugin, ColumnPlugin } from './multicolumn-combobox/columns.directive';
|
|
3
|
+
export { MultiColumnComboBoxComponent, MultiColumnComboBoxPlugin } from './multicolumn-combobox/multicolumncombobox.component';
|
package/src/index.js
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export * from '@syncfusion/ej2-multicolumn-combobox';
|
|
2
|
+
export { ColumnsDirective, ColumnDirective, ColumnsPlugin, ColumnPlugin } from './multicolumn-combobox/columns.directive';
|
|
3
|
+
export { MultiColumnComboBoxComponent, MultiColumnComboBoxPlugin } from './multicolumn-combobox/multicolumncombobox.component';
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { DefineVueDirective } from '@syncfusion/ej2-vue-base';
|
|
2
|
+
import { ColumnModel } from '@syncfusion/ej2-multicolumn-combobox';
|
|
3
|
+
export declare let ColumnsDirective: any;
|
|
4
|
+
export declare const ColumnsPlugin: {
|
|
5
|
+
name: string;
|
|
6
|
+
install(Vue: any): void;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* `e-column` directive represent a column of the VueJS MultiColumnComboBox.
|
|
10
|
+
* It must be contained in a MultiColumnComboBox component(`ejs-multicolumncombobox`).
|
|
11
|
+
* ```vue
|
|
12
|
+
* <ejs-multicolumncombobox :dataSource='data'>
|
|
13
|
+
* <e-columns>
|
|
14
|
+
* <e-column field='ID' width='100'/>
|
|
15
|
+
* <e-column field='name' headerText='Name' width='100'/>
|
|
16
|
+
* </e-columns>
|
|
17
|
+
* </ejs-multicolumncombobox>
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
20
|
+
export declare let ColumnDirective: DefineVueDirective<ColumnModel>;
|
|
21
|
+
export declare const ColumnPlugin: {
|
|
22
|
+
name: string;
|
|
23
|
+
install(Vue: any): void;
|
|
24
|
+
};
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { gh, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
|
|
2
|
+
import { isNullOrUndefined } from '@syncfusion/ej2-base';
|
|
3
|
+
export var ColumnsDirective = vueDefineComponent({
|
|
4
|
+
inject: { custom: { default: null } },
|
|
5
|
+
render: function (createElement) {
|
|
6
|
+
if (!isExecute) {
|
|
7
|
+
var h = !isExecute ? gh : createElement;
|
|
8
|
+
var slots = null;
|
|
9
|
+
if (!isNullOrUndefined(this.$slots.default)) {
|
|
10
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
11
|
+
}
|
|
12
|
+
return h('div', { class: 'e-directive' }, slots);
|
|
13
|
+
}
|
|
14
|
+
return;
|
|
15
|
+
},
|
|
16
|
+
updated: function () {
|
|
17
|
+
if (!isExecute && this.custom) {
|
|
18
|
+
this.custom();
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
methods: {
|
|
22
|
+
getTag: function () {
|
|
23
|
+
return 'e-columns';
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
export var ColumnsPlugin = {
|
|
28
|
+
name: 'e-columns',
|
|
29
|
+
install: function (Vue) {
|
|
30
|
+
Vue.component(ColumnsPlugin.name, ColumnsDirective);
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
/**
|
|
34
|
+
* `e-column` directive represent a column of the VueJS MultiColumnComboBox.
|
|
35
|
+
* It must be contained in a MultiColumnComboBox component(`ejs-multicolumncombobox`).
|
|
36
|
+
* ```vue
|
|
37
|
+
* <ejs-multicolumncombobox :dataSource='data'>
|
|
38
|
+
* <e-columns>
|
|
39
|
+
* <e-column field='ID' width='100'/>
|
|
40
|
+
* <e-column field='name' headerText='Name' width='100'/>
|
|
41
|
+
* </e-columns>
|
|
42
|
+
* </ejs-multicolumncombobox>
|
|
43
|
+
* ```
|
|
44
|
+
*/
|
|
45
|
+
export var ColumnDirective = vueDefineComponent({
|
|
46
|
+
render: function () {
|
|
47
|
+
return;
|
|
48
|
+
},
|
|
49
|
+
methods: {
|
|
50
|
+
getTag: function () {
|
|
51
|
+
return 'e-column';
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
});
|
|
55
|
+
export var ColumnPlugin = {
|
|
56
|
+
name: 'e-column',
|
|
57
|
+
install: function (Vue) {
|
|
58
|
+
Vue.component(ColumnPlugin.name, ColumnDirective);
|
|
59
|
+
}
|
|
60
|
+
};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { ComponentBase, DefineVueComponent } from '@syncfusion/ej2-vue-base';
|
|
2
|
+
import { MultiColumnComboBox, MultiColumnComboBoxModel } from '@syncfusion/ej2-multicolumn-combobox';
|
|
3
|
+
export declare const properties: string[];
|
|
4
|
+
export declare const modelProps: string[];
|
|
5
|
+
export declare const testProp: any;
|
|
6
|
+
export declare const props: any, watch: any, emitProbs: any;
|
|
7
|
+
/**
|
|
8
|
+
* Represents the Essential JS 2 VueJS MultiColumnComboBox Component
|
|
9
|
+
* ```vue
|
|
10
|
+
* <ejs-multicolumncombobox :dataSource='data'></ejs-multicolumncombobox>
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
13
|
+
export declare let MultiColumnComboBoxComponent: DefineVueComponent<MultiColumnComboBoxModel>;
|
|
14
|
+
export declare type MultiColumnComboBoxComponent = typeof ComponentBase & {
|
|
15
|
+
ej2Instances: MultiColumnComboBox;
|
|
16
|
+
isVue3: boolean;
|
|
17
|
+
isLazyUpdate: Boolean;
|
|
18
|
+
plugins: any[];
|
|
19
|
+
propKeys: string[];
|
|
20
|
+
models: string[];
|
|
21
|
+
hasChildDirective: boolean;
|
|
22
|
+
tagMapper: {
|
|
23
|
+
[key: string]: Object;
|
|
24
|
+
};
|
|
25
|
+
tagNameMapper: Object;
|
|
26
|
+
setProperties(prop: any, muteOnChange: boolean): void;
|
|
27
|
+
trigger(eventName: string, eventProp: {
|
|
28
|
+
[key: string]: Object;
|
|
29
|
+
}, successHandler?: Function): void;
|
|
30
|
+
addItems(items: undefined[] | undefined, index?: number): void;
|
|
31
|
+
focusIn(e?: Object | Object | Object | Object): void;
|
|
32
|
+
focusOut(e?: Object | Object): void;
|
|
33
|
+
getDataByValue(value: string): Object;
|
|
34
|
+
getItems(): Object[];
|
|
35
|
+
hidePopup(e?: Object | Object | Object): void;
|
|
36
|
+
showPopup(e?: Object | Object | Object, isInputOpen?: boolean): void;
|
|
37
|
+
};
|
|
38
|
+
export declare const MultiColumnComboBoxPlugin: {
|
|
39
|
+
name: string;
|
|
40
|
+
install(Vue: any): void;
|
|
41
|
+
};
|
|
@@ -0,0 +1,180 @@
|
|
|
1
|
+
import { ComponentBase, gh, getProps, isExecute, vueDefineComponent } from '@syncfusion/ej2-vue-base';
|
|
2
|
+
import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
|
|
3
|
+
import { isUndefined } from '@syncfusion/ej2-base';
|
|
4
|
+
import { MultiColumnComboBox } from '@syncfusion/ej2-multicolumn-combobox';
|
|
5
|
+
import { ColumnsDirective, ColumnDirective, ColumnsPlugin, ColumnPlugin } from './columns.directive';
|
|
6
|
+
export var properties = ['isLazyUpdate', 'plugins', 'actionFailureTemplate', 'allowFiltering', 'allowSorting', 'columns', 'cssClass', 'dataSource', 'disabled', 'enablePersistence', 'enableRtl', 'enableVirtualization', 'fields', 'filterType', 'floatLabelType', 'footerTemplate', 'gridSettings', 'groupTemplate', 'htmlAttributes', 'index', 'itemTemplate', 'locale', 'noRecordsTemplate', 'placeholder', 'popupHeight', 'popupWidth', 'query', 'readonly', 'showClearButton', 'sortOrder', 'sortType', 'text', 'value', 'width', 'actionBegin', 'actionComplete', 'actionFailure', 'change', 'close', 'created', 'filtering', 'open', 'select'];
|
|
7
|
+
export var modelProps = ['value'];
|
|
8
|
+
export var testProp = getProps({ props: properties });
|
|
9
|
+
export var props = testProp[0], watch = testProp[1], emitProbs = Object.keys(watch);
|
|
10
|
+
emitProbs.push('modelchanged', 'update:modelValue');
|
|
11
|
+
for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
|
|
12
|
+
var props_1 = modelProps_1[_i];
|
|
13
|
+
emitProbs.push('update:' + props_1);
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Represents the Essential JS 2 VueJS MultiColumnComboBox Component
|
|
17
|
+
* ```vue
|
|
18
|
+
* <ejs-multicolumncombobox :dataSource='data'></ejs-multicolumncombobox>
|
|
19
|
+
* ```
|
|
20
|
+
*/
|
|
21
|
+
export var MultiColumnComboBoxComponent = vueDefineComponent({
|
|
22
|
+
name: 'MultiColumnComboBoxComponent',
|
|
23
|
+
mixins: [ComponentBase],
|
|
24
|
+
props: props,
|
|
25
|
+
watch: watch,
|
|
26
|
+
emits: emitProbs,
|
|
27
|
+
model: { event: 'modelchanged' },
|
|
28
|
+
provide: function () { return { custom: this.custom }; },
|
|
29
|
+
data: function () {
|
|
30
|
+
return {
|
|
31
|
+
ej2Instances: new MultiColumnComboBox({}),
|
|
32
|
+
propKeys: properties,
|
|
33
|
+
models: modelProps,
|
|
34
|
+
hasChildDirective: true,
|
|
35
|
+
hasInjectedModules: true,
|
|
36
|
+
tagMapper: { "e-columns": "e-column" },
|
|
37
|
+
tagNameMapper: {},
|
|
38
|
+
isVue3: !isExecute,
|
|
39
|
+
templateCollection: {},
|
|
40
|
+
};
|
|
41
|
+
},
|
|
42
|
+
created: function () {
|
|
43
|
+
this.ej2Instances._trigger = this.ej2Instances.trigger;
|
|
44
|
+
this.ej2Instances.trigger = this.trigger;
|
|
45
|
+
this.bindProperties();
|
|
46
|
+
this.ej2Instances._setProperties = this.ej2Instances.setProperties;
|
|
47
|
+
this.ej2Instances.setProperties = this.setProperties;
|
|
48
|
+
this.ej2Instances.clearTemplate = this.clearTemplate;
|
|
49
|
+
this.updated = this.updated;
|
|
50
|
+
},
|
|
51
|
+
render: function (createElement) {
|
|
52
|
+
var h = !isExecute ? gh : createElement;
|
|
53
|
+
var slots = null;
|
|
54
|
+
if (!isNullOrUndefined(this.$slots.default)) {
|
|
55
|
+
slots = !isExecute ? this.$slots.default() : this.$slots.default;
|
|
56
|
+
}
|
|
57
|
+
return h('input', slots);
|
|
58
|
+
},
|
|
59
|
+
methods: {
|
|
60
|
+
clearTemplate: function (templateNames) {
|
|
61
|
+
if (!templateNames) {
|
|
62
|
+
templateNames = Object.keys(this.templateCollection || {});
|
|
63
|
+
}
|
|
64
|
+
if (templateNames.length && this.templateCollection) {
|
|
65
|
+
for (var _i = 0, templateNames_1 = templateNames; _i < templateNames_1.length; _i++) {
|
|
66
|
+
var tempName = templateNames_1[_i];
|
|
67
|
+
var elementCollection = this.templateCollection[tempName];
|
|
68
|
+
if (elementCollection && elementCollection.length) {
|
|
69
|
+
for (var _a = 0, elementCollection_1 = elementCollection; _a < elementCollection_1.length; _a++) {
|
|
70
|
+
var ele = elementCollection_1[_a];
|
|
71
|
+
var destroy = getValue('__vue__.$destroy', ele);
|
|
72
|
+
if (destroy) {
|
|
73
|
+
ele.__vue__.$destroy();
|
|
74
|
+
}
|
|
75
|
+
if (ele.innerHTML) {
|
|
76
|
+
ele.innerHTML = '';
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
delete this.templateCollection[tempName];
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
setProperties: function (prop, muteOnChange) {
|
|
85
|
+
var _this = this;
|
|
86
|
+
if (this.isVue3) {
|
|
87
|
+
this.models = !this.models ? this.ej2Instances.referModels : this.models;
|
|
88
|
+
}
|
|
89
|
+
if (this.ej2Instances && this.ej2Instances._setProperties) {
|
|
90
|
+
this.ej2Instances._setProperties(prop, muteOnChange);
|
|
91
|
+
}
|
|
92
|
+
if (prop && this.models && this.models.length) {
|
|
93
|
+
Object.keys(prop).map(function (key) {
|
|
94
|
+
_this.models.map(function (model) {
|
|
95
|
+
if ((key === model) && !(/datasource/i.test(key))) {
|
|
96
|
+
if (_this.isVue3) {
|
|
97
|
+
_this.ej2Instances.vueInstance.$emit('update:' + key, prop[key]);
|
|
98
|
+
}
|
|
99
|
+
else {
|
|
100
|
+
_this.$emit('update:' + key, prop[key]);
|
|
101
|
+
_this.$emit('modelchanged', prop[key]);
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
});
|
|
105
|
+
});
|
|
106
|
+
}
|
|
107
|
+
},
|
|
108
|
+
trigger: function (eventName, eventProp, successHandler) {
|
|
109
|
+
if (!isExecute) {
|
|
110
|
+
this.models = !this.models ? this.ej2Instances.referModels : this.models;
|
|
111
|
+
}
|
|
112
|
+
if ((eventName === 'change' || eventName === 'input') && this.models && (this.models.length !== 0)) {
|
|
113
|
+
var key = this.models.toString().match(/checked|value/) || [];
|
|
114
|
+
var propKey = key[0];
|
|
115
|
+
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
116
|
+
if (!isExecute) {
|
|
117
|
+
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
118
|
+
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
119
|
+
this.ej2Instances.vueInstance.$emit('update:modelValue', eventProp[propKey]);
|
|
120
|
+
}
|
|
121
|
+
else {
|
|
122
|
+
if (eventName === 'change' || (this.$props && !this.$props.isLazyUpdate)) {
|
|
123
|
+
this.$emit('update:' + propKey, eventProp[propKey]);
|
|
124
|
+
this.$emit('modelchanged', eventProp[propKey]);
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
else if ((eventName === 'actionBegin' && eventProp.requestType === 'dateNavigate') && this.models && (this.models.length !== 0)) {
|
|
130
|
+
var key = this.models.toString().match(/currentView|selectedDate/) || [];
|
|
131
|
+
var propKey = key[0];
|
|
132
|
+
if (eventProp && key && !isUndefined(eventProp[propKey])) {
|
|
133
|
+
if (!isExecute) {
|
|
134
|
+
this.ej2Instances.vueInstance.$emit('update:' + propKey, eventProp[propKey]);
|
|
135
|
+
this.ej2Instances.vueInstance.$emit('modelchanged', eventProp[propKey]);
|
|
136
|
+
}
|
|
137
|
+
else {
|
|
138
|
+
this.$emit('update:' + propKey, eventProp[propKey]);
|
|
139
|
+
this.$emit('modelchanged', eventProp[propKey]);
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
if ((this.ej2Instances && this.ej2Instances._trigger)) {
|
|
144
|
+
this.ej2Instances._trigger(eventName, eventProp, successHandler);
|
|
145
|
+
}
|
|
146
|
+
},
|
|
147
|
+
custom: function () {
|
|
148
|
+
this.updated();
|
|
149
|
+
},
|
|
150
|
+
addItems: function (items, index) {
|
|
151
|
+
return this.ej2Instances.addItems(items, index);
|
|
152
|
+
},
|
|
153
|
+
focusIn: function (e) {
|
|
154
|
+
return this.ej2Instances.focusIn(e);
|
|
155
|
+
},
|
|
156
|
+
focusOut: function (e) {
|
|
157
|
+
return this.ej2Instances.focusOut(e);
|
|
158
|
+
},
|
|
159
|
+
getDataByValue: function (value) {
|
|
160
|
+
return this.ej2Instances.getDataByValue(value);
|
|
161
|
+
},
|
|
162
|
+
getItems: function () {
|
|
163
|
+
return this.ej2Instances.getItems();
|
|
164
|
+
},
|
|
165
|
+
hidePopup: function (e) {
|
|
166
|
+
return this.ej2Instances.hidePopup(e);
|
|
167
|
+
},
|
|
168
|
+
showPopup: function (e, isInputOpen) {
|
|
169
|
+
return this.ej2Instances.showPopup(e, isInputOpen);
|
|
170
|
+
},
|
|
171
|
+
}
|
|
172
|
+
});
|
|
173
|
+
export var MultiColumnComboBoxPlugin = {
|
|
174
|
+
name: 'ejs-multicolumncombobox',
|
|
175
|
+
install: function (Vue) {
|
|
176
|
+
Vue.component(MultiColumnComboBoxPlugin.name, MultiColumnComboBoxComponent);
|
|
177
|
+
Vue.component(ColumnPlugin.name, ColumnDirective);
|
|
178
|
+
Vue.component(ColumnsPlugin.name, ColumnsDirective);
|
|
179
|
+
}
|
|
180
|
+
};
|