add inspector of particle

editor/i18n/en/assets.js

@@ -1,5 +1,8 @@
 module.exports = {
     assets: {
+        particle:{
+            spriteFrameTip:'Sprite Frame'
+        },
         erpTextureCube: {
             anisotropy: 'Anisotropy',
             minFilter: 'Min Filter',

editor/i18n/zh/assets.js

@@ -1,5 +1,8 @@
 module.exports = {
     assets: {
+        particle:{
+            spriteFrameTip:'Sprite Frame'
+        },
         erpTextureCube: {
             anisotropy: 'Anisotropy',
             minFilter: 'Min Filter',

editor/inspector/assets.js

@@ -7,6 +7,9 @@ module.exports = {
     prefab: join(__dirname, './assets/scene.js'), // 复用
     scene: join(__dirname, './assets/scene.js'),
     'sprite-frame': join(__dirname, './assets/sprite-frame.js'),
+    texture: join(__dirname, './assets/texture.js'),
+    material: join(__dirname, './assets/material.js'),
+    particle: join(__dirname, './assets/particle.js'),
     json: join(__dirname, './assets/json.js'),
     texture: join(__dirname, './assets/texture.js'),
     material: join(__dirname, './assets/material.js'),
@@ -15,5 +18,4 @@ module.exports = {
     'audio-clip': join(__dirname, './assets/audio-clip.js'),
     javascript: join(__dirname, './assets/javascript.js'),
     typescript: join(__dirname, './assets/typescript.js'),
-
 };

editor/inspector/assets/particle.js

@@ -0,0 +1,39 @@
+exports.template = `
+<section>
+    <div class="content"
+        id="content"
+    >
+        <ui-prop asset>
+            <ui-label slot="label" tooltip="i18n:ENGINE.assets.particle.spriteFrameTip"> SpriteFrame </ui-label>
+            <ui-asset
+                id="asset"
+                slot="content" 
+                droppable="cc.SpriteFrame" 
+            ></ui-asset>
+        </ui-prop>
+    </div> 
+</section>
+`;
+
+exports.$ = {
+    content: '#content',
+    asset: '#asset',
+};
+exports.ready = function () {
+    this.$.asset.addEventListener('change', this._onDataChanged.bind(this, 'spriteFrameUuid'));
+};
+
+exports.update = function (assetList, metaList) {
+    this.metas = metaList;
+    this.meta = this.metas[0];
+    this.$.content.hidden = this.metas.length !== 1;
+    this.$.asset.value = this.meta.userData.spriteFrameUuid;
+};
+exports.methods = {
+    _onDataChanged (key, event) {
+        this.metas.forEach((meta) => {
+            meta.userData[key] = event.target.value;
+        });
+        this.dispatch('change');
+    },
+};