From 84ab49330853fd9a0d818f4e66d4869608f0e9fc Mon Sep 17 00:00:00 2001
From: Donghuang <donghuang.cxn@alibaba-inc.com>
Date: Tue, 7 Jun 2022 14:32:40 +0800
Subject: [PATCH] file-input bug fixes

---
 web/app/components/form-input.js | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/web/app/components/form-input.js b/web/app/components/form-input.js
index 990fde6..72772ed 100644
--- a/web/app/components/form-input.js
+++ b/web/app/components/form-input.js
@@ -1,19 +1,20 @@
-import Ember from 'ember';
+import { set } from '@ember/object';
+import { equal } from '@ember/object/computed';
 import BaseFormInput from './base-form-input';
 import $ from 'jquery';
 
 export default BaseFormInput.extend({
     classNames: ['form-group'],
     type: 'text',
-    isHidden: Ember.computed.equal('type', 'hidden'),
+    isHidden: equal('type', 'hidden'),
     classNameBindings: ['isHidden:hidden'],
     rows: 8,
     setFilename(filename) {
-        let me = this;
-        Ember.set(me.get('model'), me.get('name'), filename);
+        const me = this;
+        set(me.get('model'), me.get('name'), filename);
     },
     didReceiveAttrs() {
-        let me = this;
+        const me = this;
         me._super(...arguments);
 
         let isFile = me.get('type') === 'file';
@@ -25,7 +26,7 @@ export default BaseFormInput.extend({
         }
     },
     didInsertElement() {
-        let me = this;
+        const me = this;
         me._super(...arguments);
         me.get('type') === 'file' && 
         $('input[type=file]', me.element).ace_file_input({
@@ -34,13 +35,13 @@ export default BaseFormInput.extend({
             btn_change: 'Change',
             droppable: true,
             before_change: function() {
-                const filename = $(this.element).val();
+                const filename = $(me.element).val();
                 console.info('Before File [' + filename + '] Changed.');
                 me.setFilename(filename);
                 return true;
             },
             before_remove: function() {
-                const filename = $(this.element).val();
+                const filename = $(me.element).val();
                 console.info('Before File [' + filename + '] Removed.');
                 me.setFilename(null);
                 return true;