Sync from GUI.for.SingBox

Author: Ayideyia

frontend/src/components/InterfaceSelect/index.vue

@@ -33,7 +33,5 @@ GetInterfaces().then((res) => {
 </script>
 
 <template>
-  <Select v-model="model" @change="onChange" :options="options" :border="border" />
+  <Select v-model="model" v-bind="$attrs" @change="onChange" :options="options" :border="border" />
 </template>
-
-<style lang="less" scoped></style>

frontend/src/components/Picker/index.vue

@@ -88,7 +88,7 @@ const handleSelectAll = () => {
           class="item"
         >
           <div class="label">
-            <div>{{ o.label }}</div>
+            <div>{{ t(o.label) }}</div>
             <Icon
               v-show="isSelected(o.value)"
               :size="32"

frontend/src/components/Select/index.vue

@@ -7,6 +7,7 @@ interface Props {
   size?: 'default' | 'small'
   placeholder?: string
   autoSize?: boolean
+  clearable?: boolean
 }
 
 const model = defineModel<string>({ default: '' })
@@ -16,11 +17,16 @@ withDefaults(defineProps<Props>(), {
   border: true,
   size: 'default',
   autoSize: false,
+  clearable: false,
 })
 
 const emits = defineEmits(['change'])
 
 const { t } = useI18n()
+
+const handleClear = () => {
+  model.value = ''
+}
 </script>
 
 <template>
@@ -31,13 +37,20 @@ const { t } = useI18n()
         {{ t(o.label) }}
       </option>
     </select>
+    <Button
+      v-show="clearable && model"
+      @click="handleClear"
+      icon="close"
+      type="text"
+      size="small"
+    />
   </div>
 </template>
 
 <style lang="less" scoped>
 .select {
+  display: inline-flex;
   min-width: 120px;
-  display: inline-block;
   border-radius: 4px;
   font-size: 12px;
   background: var(--select-bg);

frontend/src/lang/locale/en.ts

@@ -249,7 +249,7 @@ export default {
     always: 'Always',
     strict: 'Strict',
     off: 'Off',
-    notFound: 'Kernel Not Found',
+    notFound: 'Core Not Found',
     requestFailed: 'Request Failed',
     local: 'Local',
     remote: 'Remote',

frontend/src/views/KernelView/index.vue

@@ -11,5 +11,3 @@ import SwitchBranch from './components/SwitchBranch.vue'
     <SwitchBranch />
   </div>
 </template>
-
-<style lang="less" scoped></style>