♻️: rename inputTag to tagInput
This commit is contained in:
		
							parent
							
								
									24b2cbd143
								
							
						
					
					
						commit
						d30a3b0012
					
				@ -1,6 +1,6 @@
 | 
			
		||||
<script lang="ts">
 | 
			
		||||
export default {
 | 
			
		||||
  name: "LayInputTag",
 | 
			
		||||
  name: "LayTagInput",
 | 
			
		||||
};
 | 
			
		||||
</script>
 | 
			
		||||
<script lang="ts" setup>
 | 
			
		||||
 | 
			
		||||
@ -89,6 +89,7 @@ import LayPageHeader from "./component/pageHeader/index";
 | 
			
		||||
import LayCascader from "./component/cascader/index";
 | 
			
		||||
import LayAffix from "./component/affix/index";
 | 
			
		||||
import LayTag from "./component/tag/index";
 | 
			
		||||
import LayTagInput from "./component/tagInput/index";
 | 
			
		||||
import LayConfigProvider from "./provider";
 | 
			
		||||
import { InstallOptions } from "./types";
 | 
			
		||||
 | 
			
		||||
@ -176,6 +177,7 @@ const components: Record<string, Plugin> = {
 | 
			
		||||
  LayCascader,
 | 
			
		||||
  LayAffix,
 | 
			
		||||
  LayTag,
 | 
			
		||||
  LayTagInput,
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
const install = (app: App, options?: InstallOptions): void => {
 | 
			
		||||
@ -270,6 +272,7 @@ export {
 | 
			
		||||
  LayCascader,
 | 
			
		||||
  LayAffix,
 | 
			
		||||
  LayTag,
 | 
			
		||||
  LayTagInput,
 | 
			
		||||
  install,
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
@ -0,0 +1,41 @@
 | 
			
		||||
::: anchor
 | 
			
		||||
:::
 | 
			
		||||
 | 
			
		||||
::: title 基本介绍
 | 
			
		||||
:::
 | 
			
		||||
 | 
			
		||||
::: describe 通过鼠标或键盘,输入范围内的数值。
 | 
			
		||||
:::
 | 
			
		||||
 | 
			
		||||
::: title 基础使用
 | 
			
		||||
:::
 | 
			
		||||
 | 
			
		||||
::: demo 使用 `lay-input` 标签, 创建输入框. FIXME 上游组件变动,已不适用,待重构
 | 
			
		||||
 | 
			
		||||
<template>
 | 
			
		||||
  <lay-tag-input v-model="data1" v-model:inputValue="inputValue" style="width:60%"></lay-tag-input>
 | 
			
		||||
</template>
 | 
			
		||||
 | 
			
		||||
<script>
 | 
			
		||||
import { ref,watch } from 'vue'
 | 
			
		||||
 | 
			
		||||
export default {
 | 
			
		||||
  setup() {
 | 
			
		||||
    const data1 = ref(['Vue', 'React']);
 | 
			
		||||
    const inputValue = ref();
 | 
			
		||||
    watch(data1, (val) => {
 | 
			
		||||
      console.log("tagData",val)
 | 
			
		||||
    })
 | 
			
		||||
    watch(inputValue, (val) => {
 | 
			
		||||
      console.log("inputValue",val)
 | 
			
		||||
    })
 | 
			
		||||
 | 
			
		||||
    return {
 | 
			
		||||
      data1,
 | 
			
		||||
      inputValue
 | 
			
		||||
    }
 | 
			
		||||
  }
 | 
			
		||||
}
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
:::
 | 
			
		||||
@ -424,6 +424,11 @@ const zhCN = [
 | 
			
		||||
            component: () => import("../document/zh-CN/components/tag.md"),
 | 
			
		||||
            meta: { title: "标签" },
 | 
			
		||||
          },
 | 
			
		||||
          {
 | 
			
		||||
            path: "/zh-CN/components/tagInput",
 | 
			
		||||
            component: () => import("../document/zh-CN/components/tagInput.md"),
 | 
			
		||||
            meta: { title: "标签" },
 | 
			
		||||
          },
 | 
			
		||||
        ],
 | 
			
		||||
      },
 | 
			
		||||
    ],
 | 
			
		||||
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user