소스 검색

support chip color on autocomplete

chenxin0723 1 년 전
부모
커밋
a78fdeee44
3개의 변경된 파일15개의 추가작업 그리고 1개의 파일을 삭제
  1. 10 0
      vuetifyx/autocomplete-fix.go
  2. 0 0
      vuetifyx/vuetifyxjs/dist/vuetifyxjs.umd.min.js
  3. 5 1
      vuetifyx/vuetifyxjs/src/components/Autocomplete.tsx

+ 10 - 0
vuetifyx/autocomplete-fix.go

@@ -53,6 +53,16 @@ func (b *VXAutocompleteBuilder) Items(v interface{}) (r *VXAutocompleteBuilder)
 	return b
 }
 
+func (b *VXAutocompleteBuilder) ChipColor(v string) (r *VXAutocompleteBuilder) {
+	b.tag.Attr("chip-color", v)
+	return b
+}
+
+func (b *VXAutocompleteBuilder) ChipTextColor(v string) (r *VXAutocompleteBuilder) {
+	b.tag.Attr("chip-text-color", v)
+	return b
+}
+
 func (b *VXAutocompleteBuilder) SetDataSource(ds *AutocompleteDataSource) (r *VXAutocompleteBuilder) {
 	b.tag.Attr("remote-url", ds.RemoteURL)
 	b.tag.Attr("event-name", ds.EventName)

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
vuetifyx/vuetifyxjs/dist/vuetifyxjs.umd.min.js


+ 5 - 1
vuetifyx/vuetifyxjs/src/components/Autocomplete.tsx

@@ -20,6 +20,8 @@ export default Vue.extend({
 		hideSelected: Boolean,
 		hideDetails: Boolean,
 		sorting: Boolean,
+		chipColor: String,
+		chipTextColor: String,
 		items: {
 			type: Array,
 			default: () => ([]),
@@ -224,8 +226,10 @@ export default Vue.extend({
 				const nodes: VNode[] = [];
 				const nodeData: VNodeData = {
 					props: {
-						...props.attrs,
+						draggable: true,
 						close: true,
+						color: this.chipColor,
+						"text-color": this.chipTextColor,
 					},
 					on: {
 						"click:close": () => {

이 변경점에서 너무 많은 파일들이 변경되어 몇몇 파일들은 표시되지 않았습니다.