mirror of
https://github.com/flutter/flutter.git
synced 2026-02-20 02:29:02 +08:00
63b6ffb281
This CL simplifies the sky_server to only map the build directory into /gen, which will make the deploy script simpler. This CL updates all the imports to use the /gen prefix when referring to generated files. TBR=eseidel@chromium.org Review URL: https://codereview.chromium.org/881093003
72 lines
1.9 KiB
Plaintext
72 lines
1.9 KiB
Plaintext
<!--
|
|
// Copyright 2015 The Chromium Authors. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
-->
|
|
<import src="/gen/mojo/services/keyboard/public/interfaces/keyboard.mojom.sky" as="keyboard" />
|
|
<import src="shell.sky" as="shell" />
|
|
<import src="sky-element/sky-element.sky" as="SkyElement" />
|
|
|
|
<sky-element name="sky-input" attributes="value:string">
|
|
<template>
|
|
<style>
|
|
:host {
|
|
display: flex;
|
|
border: 1px solid blue;
|
|
margin: 5px;
|
|
padding: 4px;
|
|
}
|
|
#control {
|
|
flex: 1;
|
|
align-self: center;
|
|
height: 1.2em;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
</style>
|
|
<div id="control" contenteditable
|
|
on-focus="handleFocus"
|
|
on-blur="handleBlur"
|
|
on-keydown="handleKeyDown">{{ value }}</div>
|
|
</template>
|
|
<script>
|
|
var keyboard = shell.connectToService("mojo:keyboard", keyboard.Keyboard);
|
|
module.exports = class extends SkyElement {
|
|
shadowRootReady() {
|
|
var control = this.shadowRoot.getElementById('control');
|
|
var text = control.firstChild;
|
|
|
|
var observer = new MutationObserver(function() {
|
|
// contenteditable might remove the text node, but we need to keep it
|
|
// since that's where the data binding is connected to.
|
|
if (!text.parentNode)
|
|
control.appendChild(text);
|
|
if (this.value == control.textContent)
|
|
return;
|
|
this.value = control.textContent;
|
|
this.dispatchEvent(new CustomEvent('change', {
|
|
bubbles: true,
|
|
}));
|
|
}.bind(this));
|
|
|
|
observer.observe(control, {
|
|
subtree: true,
|
|
characterData: true,
|
|
childList: true,
|
|
});
|
|
}
|
|
handleKeyDown(event) {
|
|
// TODO(abarth): You can still get newlines if the user pastes them.
|
|
if (event.key == 0xD)
|
|
event.preventDefault();
|
|
}
|
|
handleFocus(event) {
|
|
keyboard.show();
|
|
}
|
|
handleBlur(event) {
|
|
keyboard.hide();
|
|
}
|
|
}.register();
|
|
</script>
|
|
</sky-element>
|