fix(select-optimize-demo-code): Unify Investigation Optimize Demo Code (#634)

* fix(select-optimize-demo-code): Unify Investigation Optimize Demo Code

* fix(select-optimize-demo-code): Unify Investigation Optimize Demo Code

examples/sites/demos/pc/app/select/allow-create-composition-api.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/allow-create.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/automatic-dropdown-composition-api.vue

@@ -7,7 +7,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption, Button as TinyButton } from '@opentiny/vue'
 
@@ -21,7 +21,7 @@ const options = ref([
 const value = ref('')
 const selectDomRef = ref()
 
-function onFocus() {
-  selectDomRef.value.focus()
+const onFocus = () => {
+    selectDomRef.value.focus()
 }
 </script>

examples/sites/demos/pc/app/select/automatic-dropdown.vue

@@ -7,7 +7,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option, Button } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/basic-usage-composition-api.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/basic-usage.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/binding-obj-composition-api.vue

@@ -9,7 +9,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/binding-obj.vue

@@ -9,7 +9,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/cache-usage-composition-api.vue

@@ -14,7 +14,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect } from '@opentiny/vue'
 
@@ -30,8 +30,7 @@ const options = ref([
   { value: '选项5', label: '北京烤鸭' }
 ])
 const value = ref('选项3')
-
-function cacheChange() {
+const cacheChange = () => {
   cacheValue.value = window.localStorage.getItem(`tiny_memorize_${cacheOp.value.key}`)
 }
 </script>

examples/sites/demos/pc/app/select/cache-usage.vue

@@ -14,7 +14,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/clearable-composition-api.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/clearable.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/collapse-tags-composition-api.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/collapse-tags.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/custom-options-composition-api.vue

@@ -9,7 +9,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/custom-options.vue

@@ -9,7 +9,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/custom-prefix-composition-api.vue

@@ -7,7 +7,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 import { iconShare } from '@opentiny/vue-icon'

examples/sites/demos/pc/app/select/custom-prefix.vue

@@ -7,15 +7,15 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
-import { IconShare } from '@opentiny/vue-icon'
+import { iconShare } from '@opentiny/vue-icon'
 
 export default {
   components: {
     TinySelect: Select,
     TinyOption: Option,
-    IconShare: IconShare()
+    IconShare: iconShare()
   },
   data() {
     return {

examples/sites/demos/pc/app/select/custom-reference-slot-composition-api.vue

@@ -7,7 +7,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 import { iconSetting } from '@opentiny/vue-icon'

examples/sites/demos/pc/app/select/custom-reference-slot.vue

@@ -7,7 +7,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 import { iconSetting } from '@opentiny/vue-icon'
 

examples/sites/demos/pc/app/select/disable-grid-select-radio-composition-api.vue

@@ -25,7 +25,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/disable-grid-select-radio.vue

@@ -25,7 +25,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/disabled-and-selected-options-composition-api.vue

@@ -11,7 +11,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/disabled-and-selected-options.vue

@@ -11,7 +11,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/disabled-composition-api.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/disabled-options-composition-api.vue

@@ -11,7 +11,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/disabled-options.vue

@@ -11,7 +11,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/disabled.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/envts-change-composition-api.vue

@@ -12,7 +12,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption, Modal } from '@opentiny/vue'
 
@@ -25,25 +25,25 @@ const options = ref([
 ])
 const value = ref('')
 
-function change() {
+const change = () => {
   Modal.message({
     message: 'changes事件'
   })
 }
 
-function clear() {
+const clear = () => {
   Modal.message({
     message: 'clear事件'
   })
 }
 
-function focus() {
+const focus = () => {
   Modal.message({
     message: 'focus事件'
   })
 }
 
-function blur() {
+const blur = () => {
   Modal.message({
     message: 'blur事件'
   })

examples/sites/demos/pc/app/select/envts-change.vue

@@ -12,7 +12,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option, Modal } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/envts-remove-composition-api.vue

@@ -24,13 +24,13 @@ const options = ref([
 ])
 const value = ref('')
 
-function removeTag() {
+const removeTag = () => {
   Modal.message({
     message: 'removeTag事件'
   })
 }
 
-function visibleChange() {
+const visibleChange = () => {
   Modal.message({
     message: 'visibleChange事件'
   })

examples/sites/demos/pc/app/select/envts-remove.vue

@@ -11,7 +11,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option, Modal } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/filter-method-composition-api.vue

@@ -11,7 +11,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 
@@ -25,7 +25,7 @@ const options = ref([
 const value = ref('')
 const selectRef = ref()
 
-function filter(value) {
+const filter = (value) => {
   const select = selectRef.value
 
   if (value) {

examples/sites/demos/pc/app/select/filter-method.vue

@@ -11,7 +11,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {
@@ -32,6 +32,7 @@ export default {
     }
   },
   methods: {
+
     filter(value) {
       const select = this.$refs.select
 
@@ -45,6 +46,7 @@ export default {
         })
       }
     }
+
   }
 }
 </script>

examples/sites/demos/pc/app/select/focus-remote-method-composition-api.vue

@@ -14,7 +14,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref, onMounted } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 
@@ -85,7 +85,7 @@ onMounted(() => {
     }))
 })
 
-function remoteMethod(query) {
+const remoteMethod = (query) => {
   if (query !== undefined) {
     loading.value = true
     setTimeout(() => {

examples/sites/demos/pc/app/select/focus-remote-method.vue

@@ -14,7 +14,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/hide-select-input-border-composition-api.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/hide-select-input-border.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/input-box-type-composition-api.vue

@@ -15,7 +15,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/input-box-type.vue

@@ -15,7 +15,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/is-drop-inherit-width-composition-api.vue

@@ -11,7 +11,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/is-drop-inherit-width.vue

@@ -11,7 +11,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/manual-focus-blur-composition-api.vue

@@ -12,7 +12,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption, Button as TinyButton } from '@opentiny/vue'
 
@@ -26,11 +26,11 @@ const options = ref([
 const value = ref('')
 const dropRef = ref()
 
-function click1() {
+const click1 = () => {
   dropRef.value.focus()
 }
 
-function click2() {
+const click2 = () => {
   dropRef.value.blur()
 }
 </script>

examples/sites/demos/pc/app/select/manual-focus-blur.vue

@@ -12,7 +12,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option, Button } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/memoize-usage-composition-api.vue

@@ -16,7 +16,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 import Memorize from '@opentiny/vue-renderless/common/deps/memorize'
@@ -34,7 +34,7 @@ const options = MemorizeInstance.assemble([
 const value = ref('选项3')
 const cacheValue = ref([])
 
-function clickItem(value) {
+const clickItem = (value) => {
   MemorizeInstance.updateByKey(value)
   cacheValue.value = window.localStorage.getItem('tiny_memorize_test456')
 }

examples/sites/demos/pc/app/select/memoize-usage.vue

@@ -16,7 +16,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 import Memorize from '@opentiny/vue-renderless/common/deps/memorize'
 

examples/sites/demos/pc/app/select/multiple-composition-api.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/multiple-limit-composition-api.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/multiple-limit.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/multiple.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/name-composition-api.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/name.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/nest-checkbox-grid-clearable-composition-api.vue

@@ -16,7 +16,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect } from '@opentiny/vue'
 
@@ -37,7 +37,7 @@ const gridOpRadio = ref({
   ]
 })
 
-function filter(value) {
+const filter = (value) => {
   if (!value) {
     return gridOpRadio.value.data
   }

examples/sites/demos/pc/app/select/nest-checkbox-grid-clearable.vue

@@ -16,7 +16,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/nest-checkbox-grid-composition-api.vue

@@ -12,7 +12,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/nest-checkbox-grid.vue

@@ -12,7 +12,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/nest-checkbox-tree-composition-api.vue

@@ -12,7 +12,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/nest-checkbox-tree.vue

@@ -12,7 +12,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/nest-filterable-tree-composition-api.vue

@@ -14,7 +14,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect } from '@opentiny/vue'
 
@@ -58,7 +58,7 @@ const treeOp = ref({
   ]
 })
 
-function filter(value, data) {
+const filter = (value, data) => {
   if (!value) return true
 
   return data.label.includes(value)

examples/sites/demos/pc/app/select/nest-filterable-tree.vue

@@ -14,7 +14,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/nest-grid-remote-filter-composition-api.vue

@@ -35,7 +35,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect } from '@opentiny/vue'
 
@@ -68,7 +68,7 @@ allData.value = Array.from({ length: 10000 }, (a, i) => {
   }
 })
 
-function remoteMethod(value) {
+const remoteMethod = (value) => {
   let allData = Array.from({ length: 1000 }, (a, i) => {
     return {
       id: '00' + i,
@@ -89,7 +89,7 @@ function remoteMethod(value) {
   })
 }
 
-function filter(value) {
+const filter = (value) => {
   return allData.value.filter((item) => {
     return !item.city.includes(value)
   })

examples/sites/demos/pc/app/select/nest-grid-remote-filter.vue

@@ -35,7 +35,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/nest-radio-grid-composition-api.vue

@@ -12,7 +12,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/nest-radio-grid-much-data-composition-api.vue

@@ -13,7 +13,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref, onMounted } from 'vue'
 import { Select as TinySelect } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/nest-radio-grid-much-data.vue

@@ -13,7 +13,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/nest-radio-grid.vue

@@ -12,7 +12,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/nest-radio-tree-composition-api.vue

@@ -11,7 +11,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/nest-radio-tree.vue

@@ -11,7 +11,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/nest-remote-grid-composition-api.vue

@@ -33,7 +33,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect } from '@opentiny/vue'
 
@@ -201,7 +201,7 @@ const gridOpRadio = ref({
 })
 let loading
 
-function remoteMethod(query) {
+const remoteMethod = (query) => {
   if (query !== undefined) {
     loading = true
 

examples/sites/demos/pc/app/select/nest-remote-grid.vue

@@ -33,7 +33,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/no-data-text-composition-api.vue

@@ -12,7 +12,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/no-data-text.vue

@@ -12,7 +12,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/no-match-text-composition-api.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/no-match-text.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/optimization-composition-api.vue

@@ -17,7 +17,7 @@
   </tiny-form>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Form as TinyForm, FormItem as TinyFormItem, Select as TinySelect, Modal } from '@opentiny/vue'
 
@@ -28,7 +28,7 @@ const value1 = ref('')
 const value2 = ref('')
 const options = ref(buildOptions())
 
-function onChange(value) {
+const onChange = (value) => {
   Modal.message(JSON.stringify(value))
 }
 </script>

examples/sites/demos/pc/app/select/optimization.vue

@@ -17,7 +17,7 @@
   </tiny-form>
 </template>
 
-<script lang="jsx">
+<script>
 import { Form, FormItem, Select, Modal } from '@opentiny/vue'
 
 const buildOptions = () =>

examples/sites/demos/pc/app/select/option-group-composition-api.vue

@@ -11,7 +11,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption, OptionGroup as TinyOptionGroup } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/option-group-disable-composition-api.vue

@@ -11,7 +11,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption, OptionGroup as TinyOptionGroup } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/option-group-disable.vue

@@ -11,7 +11,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option, OptionGroup } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/option-group.vue

@@ -11,7 +11,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option, OptionGroup } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/popup-style-position-composition-api.vue

@@ -13,7 +13,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/popup-style-position.vue

@@ -13,7 +13,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/remote-method-composition-api.vue

@@ -14,7 +14,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref, onMounted } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 
@@ -81,7 +81,7 @@ onMounted(() => {
   })
 })
 
-function remoteMethod(query) {
+const remoteMethod = (query) => {
   if (query !== undefined) {
     loading.value = true
     setTimeout(() => {

examples/sites/demos/pc/app/select/remote-method.vue

@@ -14,7 +14,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/remote-search-allow-copy-composition-api.vue

@@ -16,7 +16,7 @@
   <input class="custom" type="text" />
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref, onMounted } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 
@@ -83,7 +83,7 @@ onMounted(() => {
   })
 })
 
-function remoteMethod(query) {
+const remoteMethod = (query) => {
   if (query !== undefined) {
     loading.value = true
     setTimeout(() => {

examples/sites/demos/pc/app/select/remote-search-allow-copy.vue

@@ -16,7 +16,7 @@
   <input class="custom" type="text" />
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/search-allow-copy-composition-api.vue

@@ -24,7 +24,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 
@@ -38,7 +38,7 @@ const options = ref([
 const value = ref('')
 const selectRef = ref()
 
-function filter(value) {
+const filter = (value) => {
   const select = selectRef.value
 
   if (value) {

examples/sites/demos/pc/app/select/search-allow-copy.vue

@@ -24,7 +24,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/searchable-composition-api.vue

@@ -11,7 +11,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/searchable.vue

@@ -11,7 +11,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/set-input-value-composition-api.vue

@@ -7,7 +7,7 @@
   </div>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption, Button as TinyButton } from '@opentiny/vue'
 
@@ -20,7 +20,7 @@ const options = ref([
 ])
 const value = ref('')
 
-function click() {
+const click = () => {
   value.value = ['选项4']
 }
 </script>

examples/sites/demos/pc/app/select/set-input-value.vue

@@ -7,7 +7,7 @@
   </div>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option, Button } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/show-alloption-composition-api.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/show-alloption.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/show-tip-composition-api.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/show-tip.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Select, Option } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/size-medium-composition-api.vue

@@ -2,7 +2,7 @@
   <tiny-select v-model="value" placeholder="请选择" size="medium" multiple :options="options"></tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/size-medium.vue

@@ -11,7 +11,7 @@
   </tiny-select>
 </template>
 
-<script lang="jsx">
+<script>
 import { Option, Select } from '@opentiny/vue'
 
 export default {

examples/sites/demos/pc/app/select/size-mini-composition-api.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'
 

examples/sites/demos/pc/app/select/size-small-composition-api.vue

@@ -4,7 +4,7 @@
   </tiny-select>
 </template>
 
-<script setup lang="jsx">
+<script setup>
 import { ref } from 'vue'
 import { Select as TinySelect, Option as TinyOption } from '@opentiny/vue'