扩展属性编辑器 加入描述文字

Creator 2.x 扩展插件
#1

最近遇到一个扩展 inspetor 的问题。

我看了官方的文档，然后自己建了个插件，加了个 inspector 文件:

Vue.component('test-my-inspector', {
  template: `
<ui-markdown>
    # 来一段描述
</ui-markdown>
  `,

  props: {
    target: {
    },
  },
});

然后我自己的一个组件用了这个 inspector 以后，描述出现了，但是本来有的那些属性在面板上也就消失了。。。。。。

想要问下，如果我想保留原有面板上的属性都不变，只是想加一段文字，有什么办法可以实现吗。

#2

@property({
type: cc.Node,
tooltip: “xxxxxxx”,
})

1赞
#3

感谢回复。还想请教下，这个代码是写在我的组件里，而不是插件的 inspector.js 里面的是吧。

那个 @property({}) 这个是不是 ts 里面用的语法，这个我不是很懂，我看引擎里有这种写法

@ccclass
class NewScript extends cc.Component {
    @property({
        type: cc.Enum(Direction)    // call cc.Enum
    })
    direction: Direction = Direction.Up;
}

应该就是这个意思吧，想要在请教下，这个在 js 里面怎么写呢？我的组件是这样的：

let TestComponent = cc.Class({
    extends: cc.Component,
    editor: CC_EDITOR && {
        inspector: 'packages://test-inspector/inspector.js'
    },
    properties: {
    }
});
#5

属性

#6

你好，我看了下文档的内容

image
image2162×1550 306 KB

但是还是没有琢磨出应该怎么写这个东西 :cold_sweat:

文档里提到的感觉都是实例变量

image
image1092×96 9.04 KB

这里我想要定义的这个 type，感觉是作用于整个 class 的。
还请大佬再指点下~~~

#7

搞错了，原来是扩展Inspector的，你可以看看这个 关于属性绑定

#8

这个我昨晚看过了，感觉他的意思是，你要是新写一个组件，有自己的属性，然后想要定制这些属性的展示方式，那么你就用 ui-prop ui-xxxx 这些封装好的组件，自己去写。

但是我的需求其实是，我的组件有10个属性，10个属性都是和编辑器默认的方法一样展示，该是啥就是啥。只是我想在此之外加一个新控件，比如就加一个段描述 ui-markdown ，比如这样:

Vue.component('test-my-inspector', {
	template: `
		<ui-markdown>
			# 来一段描述
		</ui-markdown>
               # 这里开始不知道写什么
               # 类似 require(cc-component-inpector)
               # 不然 markdown 内容试出来的，我其他的 10个属性就不展示了
 	`
});
#9

是这样加，但是如果不添加属性绑定的话，属性不会显示出来QQ截图20201217104418

#10 
properties: {
        foo: {
            // ATTRIBUTES:
            default: null,        // The default value will be used only when the component attaching
                                  // to a node for the first time
            type: cc.SpriteFrame, // optional, default is typeof default
            serializable: true,   // optional, default is true
            tooltip: "xxxxxx",
        },
    },