Przeglądaj źródła

HUE-9394. [ui] Cannot pass complex data into web components (sree)

sreenaths 5 lat temu
rodzic
commit
a2d46e1b7f

+ 33 - 0
desktop/core/src/desktop/js/ko/bindings/ko.vue.js

@@ -0,0 +1,33 @@
+// Licensed to Cloudera, Inc. under one
+// or more contributor license agreements.  See the NOTICE file
+// distributed with this work for additional information
+// regarding copyright ownership.  Cloudera, Inc. licenses this file
+// to you under the Apache License, Version 2.0 (the
+// "License"); you may not use this file except in compliance
+// with the License.  You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import * as ko from 'knockout';
+
+ko.bindingHandlers.vueProps = {
+  init: (element, valueAccessor) => {
+    const data = valueAccessor();
+    Object.assign(element, ko.toJS(data));
+  }
+};
+
+ko.bindingHandlers.vueEvents = {
+  init: (element, valueAccessor) => {
+    const data = valueAccessor();
+    for (const [eventName, handler] of Object.entries(data)) {
+      element.addEventListener(eventName, handler);
+    }
+  }
+};

+ 2 - 0
desktop/core/src/desktop/js/ko/ko.all.js

@@ -33,6 +33,8 @@ import 'ko/bindings/charts/ko.pieChart';
 import 'ko/bindings/charts/ko.scatterChart';
 import 'ko/bindings/charts/ko.timelineChart';
 
+import 'ko/bindings/ko.vue.js';
+
 import 'ko/bindings/ace/ko.aceEditor';
 import 'ko/bindings/ace/ko.aceResizer';
 import 'ko/bindings/ko.appAwareTemplateContextMenu';