diff --git a/examples/sites/demos/pc/app/date-picker/disabled-composition-api.vue b/examples/sites/demos/pc/app/date-picker/disabled-composition-api.vue
index 0260a20a90..60520d8d7d 100644
--- a/examples/sites/demos/pc/app/date-picker/disabled-composition-api.vue
+++ b/examples/sites/demos/pc/app/date-picker/disabled-composition-api.vue
@@ -5,6 +5,16 @@
       <tiny-date-picker v-model="disabledValue" disabled placeholder="请选择日期"></tiny-date-picker>
     </div>
     <br />
+    <p>年禁用：</p>
+    <div class="demo-date-picker-wrap">
+      <tiny-date-picker
+        v-model="value"
+        type="year"
+        :picker-options="yearPickerOptions"
+        placeholder="请选择年"
+      ></tiny-date-picker>
+    </div>
+    <br />
     <p>部分禁用：</p>
     <div class="demo-date-picker-wrap">
       <tiny-date-picker v-model="value" :picker-options="pickerOptions" placeholder="请选择日期"></tiny-date-picker>
@@ -46,6 +56,11 @@ const pickerOptions = {
     return time.getTime() > Date.now() || time.getTime() < new Date('2023-08-01').getTime()
   }
 }
+const yearPickerOptions = {
+  disabledDate(year) {
+    return year > 2025 || year < 2022
+  }
+}
 </script>
 
 <style scoped lang="less">
diff --git a/examples/sites/demos/pc/app/date-picker/disabled.vue b/examples/sites/demos/pc/app/date-picker/disabled.vue
index 0c14cdaaed..4073d563bd 100644
--- a/examples/sites/demos/pc/app/date-picker/disabled.vue
+++ b/examples/sites/demos/pc/app/date-picker/disabled.vue
@@ -5,6 +5,16 @@
       <tiny-date-picker v-model="disabledValue" disabled placeholder="请选择日期"></tiny-date-picker>
     </div>
     <br />
+    <p>年禁用：</p>
+    <div class="demo-date-picker-wrap">
+      <tiny-date-picker
+        v-model="value"
+        type="year"
+        :picker-options="yearPickerOptions"
+        placeholder="请选择年"
+      ></tiny-date-picker>
+    </div>
+    <br />
     <p>部分禁用：</p>
     <div class="demo-date-picker-wrap">
       <tiny-date-picker v-model="value" :picker-options="pickerOptions" placeholder="请选择日期"></tiny-date-picker>
@@ -47,7 +57,12 @@ export default {
       editableValue: '',
       pickerOptions: {
         disabledDate(time) {
-          return time.getTime() > Date.now() || time.getTime() < new Date('2023-08-01').getTime()
+          return time.getTime() > Date.now() || time.getTime() < new Date('2023-08-15').getTime()
+        }
+      },
+      yearPickerOptions: {
+        disabledDate(year) {
+          return year > 2025 || year < 2022
         }
       }
     }
diff --git a/examples/sites/demos/pc/app/select/optimization-composition-api.vue b/examples/sites/demos/pc/app/select/optimization-composition-api.vue
index 0a0baf593e..8e83209e09 100644
--- a/examples/sites/demos/pc/app/select/optimization-composition-api.vue
+++ b/examples/sites/demos/pc/app/select/optimization-composition-api.vue
@@ -2,13 +2,14 @@
   <div>
     <p>单选：</p>
     <br />
-    <tiny-select v-model="value1" :options="options" optimization @change="onChange"></tiny-select>
+    <tiny-select v-model="value1" :options="options" filterable optimization @change="onChange"></tiny-select>
     <br /><br />
     <p>多选：</p>
     <br />
     <tiny-select
       v-model="value2"
       optimization
+      filterable
       multiple
       collapse-tags
       :multiple-limit="5"
@@ -41,6 +42,7 @@ const onChange = (value) => {
 .tiny-select {
   width: 280px;
 }
+
 p {
   font-size: 14px;
   line-height: 1.5;
diff --git a/examples/sites/demos/pc/app/select/optimization.vue b/examples/sites/demos/pc/app/select/optimization.vue
index 6771a80e67..f904fa715d 100644
--- a/examples/sites/demos/pc/app/select/optimization.vue
+++ b/examples/sites/demos/pc/app/select/optimization.vue
@@ -2,13 +2,14 @@
   <div>
     <p>单选：</p>
     <br />
-    <tiny-select v-model="value1" :options="options" optimization @change="onChange"></tiny-select>
+    <tiny-select v-model="value1" :options="options" filterable optimization @change="onChange"></tiny-select>
     <br /><br />
     <p>多选：</p>
     <br />
     <tiny-select
       v-model="value2"
       optimization
+      filterable
       multiple
       collapse-tags
       :multiple-limit="5"
@@ -50,6 +51,7 @@ export default {
 .tiny-select {
   width: 280px;
 }
+
 p {
   font-size: 14px;
   line-height: 1.5;
diff --git a/internals/cli/src/commands/release/releaseAurora.ts b/internals/cli/src/commands/release/releaseAurora.ts
index 943ecf54df..361073b981 100644
--- a/internals/cli/src/commands/release/releaseAurora.ts
+++ b/internals/cli/src/commands/release/releaseAurora.ts
@@ -42,6 +42,7 @@ const findAllpage = (packagesPath) => {
       .replace(/"(.*?\/xss)"/g, '"@aurora/utils"')
       // @opentiny/fluent-editor 包是与框架无关的包
       .replace(/@aurora\/fluent-editor/g, '@opentiny/fluent-editor')
+      .replace(/@aurora\/huicharts/g, '@opentiny/huicharts')
 
     // 解决当AUI只有一个mobile-first模板而TinyVue有多个模板，导致Linkjs加载不到多端模板的问题
     if (
diff --git a/packages/design/aurora/src/popeditor/index.ts b/packages/design/aurora/src/popeditor/index.ts
index b14e44675e..f437a4a4cb 100644
--- a/packages/design/aurora/src/popeditor/index.ts
+++ b/packages/design/aurora/src/popeditor/index.ts
@@ -3,8 +3,8 @@ export default {
     const state = api.state
 
     return {
-      treeWrapperMaxHeight() {
-        state.treeWrapperMaxHeight = 'auto'
+      computedTreeMaxHeight() {
+        state.treeWrapperMaxHeight = ''
       }
     }
   }
diff --git a/packages/design/aurora/src/select/index.ts b/packages/design/aurora/src/select/index.ts
index f1e0f118d0..7411c624cc 100644
--- a/packages/design/aurora/src/select/index.ts
+++ b/packages/design/aurora/src/select/index.ts
@@ -20,7 +20,8 @@ export default {
     delayBlur: true
   },
   props: {
-    tagType: 'info'
+    tagType: 'info',
+    stopPropagation: true
   },
   renderless: (props, hooks, { emit }, api) => {
     const state = api.state
diff --git a/packages/design/saas/src/popeditor/index.ts b/packages/design/saas/src/popeditor/index.ts
index b14e44675e..f437a4a4cb 100644
--- a/packages/design/saas/src/popeditor/index.ts
+++ b/packages/design/saas/src/popeditor/index.ts
@@ -3,8 +3,8 @@ export default {
     const state = api.state
 
     return {
-      treeWrapperMaxHeight() {
-        state.treeWrapperMaxHeight = 'auto'
+      computedTreeMaxHeight() {
+        state.treeWrapperMaxHeight = ''
       }
     }
   }
diff --git a/packages/design/saas/src/select/index.ts b/packages/design/saas/src/select/index.ts
index 34229d1e22..dce7df6233 100644
--- a/packages/design/saas/src/select/index.ts
+++ b/packages/design/saas/src/select/index.ts
@@ -23,7 +23,8 @@ export default {
     delayBlur: true
   },
   props: {
-    tagType: 'info'
+    tagType: 'info',
+    stopPropagation: true
   },
   renderless: (props, hooks, { emit }, api) => {
     const state = api.state
diff --git a/packages/renderless/package.json b/packages/renderless/package.json
index 0384cbf0f5..d46607e67d 100644
--- a/packages/renderless/package.json
+++ b/packages/renderless/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-renderless",
-  "version": "3.19.5",
+  "version": "3.19.4",
   "private": true,
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
   "author": "OpenTiny Team",
diff --git a/packages/renderless/src/common/deps/useUserAgent.ts b/packages/renderless/src/common/deps/useUserAgent.ts
new file mode 100644
index 0000000000..aaa8d33e08
--- /dev/null
+++ b/packages/renderless/src/common/deps/useUserAgent.ts
@@ -0,0 +1,18 @@
+import { isServer } from './dom'
+
+function getIsIOS() {
+  if (isServer) return false
+  return (
+    window.navigator &&
+    window.navigator.userAgent &&
+    (/iP(?:ad|hone|od)/.test(window.navigator.userAgent) ||
+      // The new iPad Pro Gen3 does not identify itself as iPad, but as Macintosh.
+      // https://github.com/vueuse/vueuse/issues/3577
+      (window.navigator.maxTouchPoints > 2 && /iPad|Macintosh/.test(window.navigator.userAgent)))
+  )
+}
+
+export const useUserAgent = () => {
+  const isIOS = getIsIOS()
+  return { isIOS }
+}
diff --git a/packages/renderless/src/common/event.ts b/packages/renderless/src/common/event.ts
index 45f3e6a82a..76d9e731f7 100644
--- a/packages/renderless/src/common/event.ts
+++ b/packages/renderless/src/common/event.ts
@@ -41,6 +41,7 @@ export const emitEvent = (emit, name, ...args) => {
 
     args.unshift(event)
     args.unshift(name)
+    // eslint-disable-next-line prefer-spread
     emit.apply(null, args)
   }
 
@@ -59,3 +60,26 @@ export const getActualTarget = (e) => {
   }
   return e.target.shadowRoot && e.composed ? e.composedPath()[0] || e.target : e.target
 }
+
+export const correctTarget = (event, target?: EventTarget) => {
+  let newTarget
+
+  if (event.target === null && target) {
+    newTarget = target
+  } else {
+    const nodeList = event.composedPath()
+    if (event.target !== nodeList[0]) {
+      newTarget = nodeList[0]
+    }
+  }
+
+  if (newTarget) {
+    Object.defineProperty(event, 'target', {
+      get() {
+        return newTarget
+      },
+      enumerable: true,
+      configurable: true
+    })
+  }
+}
diff --git a/packages/renderless/src/date-picker-mobile/index.ts b/packages/renderless/src/date-picker-mobile/index.ts
index 4e278a3ae6..6c1fb09b86 100644
--- a/packages/renderless/src/date-picker-mobile/index.ts
+++ b/packages/renderless/src/date-picker-mobile/index.ts
@@ -63,7 +63,7 @@ export const formatDate =
 const getDateFromStr = (dateStr, direction = 'top') => {
   const arr = dateStr.split('/').map((item) => +item)
   const yarr = arr[0]
-  const month = direction == 'top' ? arr[1] - 1 : arr[1]
+  const month = direction === 'top' ? arr[1] - 1 : arr[1]
   return new Date(yarr, month, 1)
 }
 
@@ -99,12 +99,12 @@ export const initPanel =
     let date = new Date(year, month - 1, 1) // 加载日历的起始日期
     const dateList = {}
 
-    Array.from({ length: 12 * state.yearNum }).map(() => {
+    Array.from({ length: 12 * state.yearNum }).forEach(() => {
       const startWeek = date.getDay()
       dateList[getDateStr(year, month)] = Array.from({ length: startWeek }).map(() => ({}))
       const days = getDaysByMonth(year, month)
 
-      Array.from({ length: days }).map((v, index) => {
+      Array.from({ length: days }).forEach((v, index) => {
         const day = index + 1
         const dayInfo = api.getCurrentDate(new Date(year, month - 1, day))
 
@@ -276,9 +276,8 @@ export const selectOption =
       }
     } else {
       state.date = new Date(current.value)
-
-      emit('click', current)
     }
+    emit('click', current)
   }
 
 export const confirm =
@@ -391,16 +390,20 @@ export const scrollEnd =
     state.isYearMonthPanel ? api.loadYearMonth('down') : api.loadingDate('down')
   }
 
-export const clear = ({ state, emit, api }) => () => {
-  state.date = Array.isArray(state.date) ? [] : ''
+export const clear =
+  ({ state, emit, api }) =>
+  () => {
+    state.date = Array.isArray(state.date) ? [] : ''
 
-  emit('update:modelValue', state.date)
-  emit('clear', state.date)
-  api.close()
-}
+    emit('update:modelValue', state.date)
+    emit('clear', state.date)
+    api.close()
+  }
 
-export const close = ({ emit, vm }) => () => {
-  vm.$refs.actionSheet.close()
+export const close =
+  ({ emit, vm }) =>
+  () => {
+    vm.$refs.actionSheet.close()
 
-  emit('close')
-}
+    emit('close')
+  }
diff --git a/packages/renderless/src/dialog-box/index.ts b/packages/renderless/src/dialog-box/index.ts
index 4fe5e090fc..7dc71a6921 100644
--- a/packages/renderless/src/dialog-box/index.ts
+++ b/packages/renderless/src/dialog-box/index.ts
@@ -290,7 +290,7 @@ export const handleDrag =
     vm
   }: Pick<IDialogBoxRenderlessParams, 'parent' | 'props' | 'state' | 'emit' | 'vm'>) =>
   (event: MouseEvent): void => {
-    if (!props.draggable) {
+    if (!props.draggable || state.isFull) {
       return
     }
 
diff --git a/packages/renderless/src/dropdown/index.ts b/packages/renderless/src/dropdown/index.ts
index 3890b7a5a0..fb8fc6223f 100644
--- a/packages/renderless/src/dropdown/index.ts
+++ b/packages/renderless/src/dropdown/index.ts
@@ -266,7 +266,7 @@ export const mounted =
   }
 
 export const beforeDistory =
-  ({ api, state }: Pick<IDropdownRenderlessParams, 'api' | 'state'>) =>
+  ({ vm, api, state }: Pick<IDropdownRenderlessParams, 'vm' | 'api' | 'state'>) =>
   () => {
     if (state.triggerElm) {
       off(state.triggerElm, 'keydown', api.handleTriggerKeyDown)
@@ -287,6 +287,11 @@ export const beforeDistory =
 
       state.dropdownElm = null
     }
+
+    vm.$off('menu-item-click')
+    vm.$off('current-item-click')
+    vm.$off('selected-index')
+    vm.$off('is-disabled')
   }
 
 export const clickOutside =
diff --git a/packages/renderless/src/dropdown/vue.ts b/packages/renderless/src/dropdown/vue.ts
index 54afd98ba0..d089acf182 100644
--- a/packages/renderless/src/dropdown/vue.ts
+++ b/packages/renderless/src/dropdown/vue.ts
@@ -84,8 +84,8 @@ export const renderless = (
     handleMainButtonClick: handleMainButtonClick({ api, emit }),
     triggerElmFocus: triggerElmFocus(state),
     initDomOperation: initDomOperation({ api, state, vm }),
-    beforeDistory: beforeDistory({ api, state }),
-    clickOutside: clickOutside({ state, props, api })
+    beforeDistory: beforeDistory({ vm, api, state }),
+    clickOutside: clickOutside({ props, api })
   })
 
   watch(() => state.visible, api.watchVisible)
diff --git a/packages/renderless/src/file-upload/vue.ts b/packages/renderless/src/file-upload/vue.ts
index 26db52dea4..b917063980 100644
--- a/packages/renderless/src/file-upload/vue.ts
+++ b/packages/renderless/src/file-upload/vue.ts
@@ -366,6 +366,7 @@ export const renderless = (
   onBeforeUnmount(() => {
     api.onBeforeDestroy()
     api = {} as IFileUploadApi
+    vm.$off('drag-over')
   })
 
   initWatch({ watch, state, api, props, $service })
diff --git a/packages/renderless/src/form-item/index.ts b/packages/renderless/src/form-item/index.ts
index 32b039b067..6744731d0e 100644
--- a/packages/renderless/src/form-item/index.ts
+++ b/packages/renderless/src/form-item/index.ts
@@ -276,6 +276,7 @@ export const unmounted =
   (): void => {
     state.canShowTip = false
     api.dispatch('Form', 'form:removeField', vm)
+    api.removeValidateEvents()
   }
 
 export const validate =
@@ -452,7 +453,9 @@ export const addValidateEvents =
   }
 
 export const removeValidateEvents = (vm: IFormItemRenderlessParams['vm']) => (): void => {
-  vm.$off()
+  vm.$off('form.blur')
+  vm.$off('form.change')
+  vm.$off('displayed-value-changed')
 }
 
 export const updateTip =
diff --git a/packages/renderless/src/input/index.ts b/packages/renderless/src/input/index.ts
index 71ec49a1cc..5e7510db6f 100644
--- a/packages/renderless/src/input/index.ts
+++ b/packages/renderless/src/input/index.ts
@@ -283,7 +283,7 @@ export const resizeTextarea =
       return
     }
 
-    if (!autosize) {
+    if (!autosize || state.isDisplayOnly) {
       state.textareaCalcStyle = {
         minHeight: api.calcTextareaHeight(vm.$refs.textarea).minHeight
       }
diff --git a/packages/renderless/src/menu/vue.ts b/packages/renderless/src/menu/vue.ts
index 6fd5cd94d2..ba7209b254 100644
--- a/packages/renderless/src/menu/vue.ts
+++ b/packages/renderless/src/menu/vue.ts
@@ -22,7 +22,7 @@ const initState = ({ reactive, computed, props, api }) => {
   })
   return state
 }
-export const renderless = (props, { reactive, watch, onMounted, computed }, { vm, emit, nextTick }) => {
+export const renderless = (props, { reactive, watch, onMounted, computed, onUnmounted }, { vm, emit, nextTick }) => {
   const api = {}
 
   const state = initState({ reactive, computed, props, api })
@@ -95,5 +95,10 @@ export const renderless = (props, { reactive, watch, onMounted, computed }, { vm
     })
   })
 
+  onUnmounted(() => {
+    vm.$off('node-clicked')
+    vm.$off('node-changed')
+  })
+
   return api
 }
diff --git a/packages/renderless/src/recycle-scroller/index.ts b/packages/renderless/src/recycle-scroller/index.ts
index 861a311749..92b645f3c4 100644
--- a/packages/renderless/src/recycle-scroller/index.ts
+++ b/packages/renderless/src/recycle-scroller/index.ts
@@ -8,7 +8,6 @@ if (typeof window !== 'undefined') {
 
   try {
     const opts = Object.defineProperty({}, 'passive', {
-      // eslint-disable-next-line getter-return
       get() {
         supportsPassive = true
       }
@@ -35,6 +34,13 @@ export const handleVisibilityChange =
     }
   }
 
+export const init =
+  ({ api }) =>
+  () => {
+    api.resetTemporary()
+    api.updateVisibleItems(true)
+  }
+
 export const updateVisibleItems =
   ({ api, emit, props, state, vm }) =>
   (checkItem, checkPositionDiff = false) => {
@@ -117,22 +123,22 @@ export const computedSizes =
       const items = props.items
       const field = props.sizeField
       const minItemSize = props.minItemSize
-      let computedMinSize = 10000
+      let computedMinItemSize = 10000
       let accumulator = 0
       let current
 
-      for (let i = 0, l = items.length; i < l; i++) {
+      for (let i = 0, len = items.length; i < len; i++) {
         current = items[i][field] || minItemSize
 
-        if (current < computedMinSize) {
-          computedMinSize = current
+        if (current < computedMinItemSize) {
+          computedMinItemSize = current
         }
 
         accumulator += current
         sizes[i] = { accumulator, size: current }
       }
 
-      state.temporary.computedMinItemSize = computedMinSize
+      state.temporary.computedMinItemSize = computedMinItemSize
 
       return sizes
     }
@@ -160,10 +166,10 @@ export const getScroll =
     let scrollRange
 
     if (props.pageMode) {
-      const bounds = el.getBoundingClientRect()
-      const boundsSize = isVertical ? bounds.height : bounds.width
+      const boundRect = el.getBoundingClientRect()
+      const boundsSize = isVertical ? boundRect.height : boundRect.width
       let size = isVertical ? window.innerHeight : window.innerWidth
-      let start = -(isVertical ? bounds.top : bounds.left)
+      let start = -(isVertical ? boundRect.top : boundRect.left)
 
       if (start < 0) {
         size += start
@@ -188,12 +194,12 @@ export const unuseView =
   (state) =>
   (view, fake = false) => {
     const unusedViews = state.temporary.unusedViews
-    const type = view.nr.type
-    let unusedPool = unusedViews.get(type)
+    const { type: nrType } = view.nr
+    let unusedPool = unusedViews.get(nrType)
 
     if (!unusedPool) {
       unusedPool = []
-      unusedViews.set(type, unusedPool)
+      unusedViews.set(nrType, unusedPool)
     }
 
     unusedPool.push(view)
@@ -414,32 +420,32 @@ const computeRange = (args) => {
 const computeRangeVariableSizeMode = (args) => {
   let { count, sizes, scroll, startIndex, totalSize, endIndex } = args
   let { items, visibleStartIndex, beforeSize, visibleEndIndex } = args
-  let h, a, b, i, oldI
+  let height, lower, upper, cursor, oldCursor
 
-  a = 0
-  b = count - 1
-  i = ~~(count / 2)
+  lower = 0
+  upper = count - 1
+  cursor = ~~(count / 2)
 
   do {
-    oldI = i
-    h = sizes[i].accumulator
+    oldCursor = cursor
+    height = sizes[cursor].accumulator
 
-    if (h < scroll.start) {
-      a = i
-    } else if (i < count - 1 && sizes[i + 1].accumulator > scroll.start) {
-      b = i
+    if (height < scroll.start) {
+      lower = cursor
+    } else if (cursor < count - 1 && sizes[cursor + 1].accumulator > scroll.start) {
+      upper = cursor
     }
 
-    i = ~~((a + b) / 2)
-  } while (i !== oldI)
+    cursor = ~~((lower + upper) / 2)
+  } while (cursor !== oldCursor)
 
-  i < 0 && (i = 0)
+  cursor < 0 && (cursor = 0)
 
-  startIndex = i
+  startIndex = cursor
 
   totalSize = sizes[count - 1].accumulator
 
-  for (endIndex = i; endIndex < count && sizes[endIndex].accumulator < scroll.end; endIndex++) {
+  for (endIndex = cursor; endIndex < count && sizes[endIndex].accumulator < scroll.end; endIndex++) {
     // empty
   }
 
@@ -621,3 +627,17 @@ export const computeViewEvent =
       }
     }
   }
+
+export const resetTemporary =
+  ({ state }) =>
+  () => {
+    state.temporary = {
+      startIndex: 0,
+      endIndex: 0,
+      views: new Map(),
+      unusedViews: new Map(),
+      scrollDirty: false,
+      lastUpdateScrollPosition: 0
+    }
+    state.pool = []
+  }
diff --git a/packages/renderless/src/recycle-scroller/vue.ts b/packages/renderless/src/recycle-scroller/vue.ts
index 68d2fca155..5e58782567 100644
--- a/packages/renderless/src/recycle-scroller/vue.ts
+++ b/packages/renderless/src/recycle-scroller/vue.ts
@@ -16,7 +16,9 @@ import {
   scrollToPosition,
   scrollToItem,
   computeViewStyle,
-  computeViewEvent
+  computeViewEvent,
+  resetTemporary,
+  init
 } from './index'
 import { addResizeListener, removeResizeListener } from '../common/deps/resize-event'
 
@@ -27,13 +29,14 @@ export const api = [
   'scrollToItem',
   'computeViewStyle',
   'computeViewEvent',
-  'updateVisibleItems'
+  'updateVisibleItems',
+  'resetTemporary'
 ]
 
 const addWatchers = ({ watch, props, api, state }) => {
   watch(
     () => props.items,
-    () => api.updateVisibleItems(true)
+    () => api.init()
   )
 
   watch(
@@ -103,7 +106,9 @@ export const renderless = (
     applyPageMode: applyPageMode({ api, props }),
     addListeners: addListeners({ api, state }),
     removeListeners: removeListeners({ api, state }),
-    scrollToItem: scrollToItem({ api, props, state })
+    scrollToItem: scrollToItem({ api, props, state }),
+    resetTemporary: resetTemporary({ state }),
+    init: init({ api })
   })
 
   state.temporary = {
diff --git a/packages/renderless/src/rich-text/index.ts b/packages/renderless/src/rich-text/index.ts
index 95dfdc8435..74667116e4 100644
--- a/packages/renderless/src/rich-text/index.ts
+++ b/packages/renderless/src/rich-text/index.ts
@@ -73,6 +73,7 @@ export const initQuill =
     state.quill.enable(false)
     state.quill.on('selection-change', api.selectionChange)
     state.quill.on('text-change', api.textChange)
+    state.quill.root.addEventListener('click', api.handleClick)
 
     if (state.content) {
       state.quill.pasteHTML(xss.filterHtml(state.content))
@@ -88,6 +89,22 @@ export const initQuill =
     api.setToolbarTips()
   }
 
+export const handleClick =
+  ({ state, Quill }) =>
+  (event) => {
+    const el = event.target
+
+    if (!(el instanceof HTMLElement) || el.tagName !== 'IMG') {
+      return
+    }
+    event.stopPropagation()
+
+    const imgBlot = Quill.find(el)
+    const index = state.quill.getIndex(imgBlot)
+
+    state.quill.setSelection(index + 1)
+  }
+
 export const setToolbarTips =
   ({ t, vm }) =>
   () => {
@@ -249,6 +266,7 @@ export const beforeUnmount =
   () => {
     state.quill.off('selection-change', api.selectionChange)
     state.quill.off('text-change', api.textChange)
+    state.quill.root.removeEventListener('click', api.handleClick)
     state.quill = null
     delete state.quill
   }
diff --git a/packages/renderless/src/rich-text/vue.ts b/packages/renderless/src/rich-text/vue.ts
index 43ac62bb97..c614cde4da 100644
--- a/packages/renderless/src/rich-text/vue.ts
+++ b/packages/renderless/src/rich-text/vue.ts
@@ -10,7 +10,8 @@ import {
   beforeUnmount,
   maxLength,
   handlePaste,
-  isDisplayOnly
+  isDisplayOnly,
+  handleClick
 } from './index'
 
 export const api = [
@@ -55,7 +56,8 @@ const initApi = (args) => {
     beforeUnmount: beforeUnmount({ api, state }),
     maxLength: maxLength({ props, constants }),
     handlePaste: handlePaste({ state }),
-    isDisplayOnly: isDisplayOnly({ state, props, parent, nextTick })
+    isDisplayOnly: isDisplayOnly({ state, props, parent, nextTick }),
+    handleClick: handleClick({ state, Quill })
   })
 }
 
@@ -99,6 +101,7 @@ export const renderless = (
   { service, emit, t, nextTick, vm, i18n, constants, parent },
   { Quill, ImageDrop, ImageUpload, FileUpload, Modal }
 ) => {
+  // metaErp专用的组件，aui 没有替换tiny
   parent.auiForm = parent.auiForm || inject('form', null)
   const api = {}
   const state = initState({ reactive, props, computed, api, parent })
diff --git a/packages/renderless/src/select-dropdown/vue.ts b/packages/renderless/src/select-dropdown/vue.ts
index ae85d69be1..7b13d64f8e 100644
--- a/packages/renderless/src/select-dropdown/vue.ts
+++ b/packages/renderless/src/select-dropdown/vue.ts
@@ -122,7 +122,7 @@ const initWatch = ({ watch, selectVm, state, nextTick }) => {
       }, 0)
 
       if (val && selectVm.multiple) {
-        state.originValue = selectVm.modelValue.slice(0)
+        state.originValue = selectVm.modelValue && selectVm.modelValue.slice(0)
       }
     }
   )
diff --git a/packages/renderless/src/select/index.ts b/packages/renderless/src/select/index.ts
index 063162b670..e3c217ae06 100644
--- a/packages/renderless/src/select/index.ts
+++ b/packages/renderless/src/select/index.ts
@@ -15,6 +15,7 @@ import { isNull } from '../common/type'
 import { fastdom } from '../common/deps/fastdom'
 import { deepClone } from '../picker-column'
 import { escapeRegexpString } from '../option'
+import { correctTarget } from '../common/event'
 
 export const handleComposition =
   ({ api, nextTick, state }) =>
@@ -120,15 +121,15 @@ export const defaultOnQueryChange =
     }
     setFilteredSelectCls(nextTick, state, props)
     api.getOptionIndexArr()
-
-    state.magicKey = state.magicKey > 0 ? -1 : 1
   }
 
 export const queryChange =
   ({ props, state, constants }) =>
   (value, isInput) => {
     if (props.optimization && isInput) {
-      const filterDatas = state.initDatas.filter((item) => new RegExp(escapeRegexpString(value), 'i').test(item.label))
+      const filterDatas = state.initDatas.filter((item) =>
+        new RegExp(escapeRegexpString(value), 'i').test(item[props.textField])
+      )
       state.datas = filterDatas
     } else {
       state.selectEmitter.emit(constants.EVENT_NAME.queryChange, value)
@@ -202,7 +203,7 @@ export const handleQueryChange =
 
     state.hoverIndex = -1
 
-    if (props.multiple && (props.filterable || props.searchable) && !props.shape) {
+    if (props.multiple && (props.filterable || props.searchable) && !props.shape && !state.selectDisabled) {
       nextTick(() => {
         if (!vm.$refs.input) {
           return
@@ -333,17 +334,17 @@ export const getOption =
     if (props.optimization) {
       option = api.getSelectedOption(value)
       if (option) {
-        return { value: option.value, currentLabel: option.label || option.currentLabel }
+        return { value: option.value, currentLabel: option[props.textField] || option.currentLabel }
       }
 
-      option = state.datas.find((v) => getObj(v, props.valueKey) === value)
+      option = state.datas.find((v) => getObj(v, props.valueField) === value)
       if (option) {
-        return { value: option.value, currentLabel: option.label || option.currentLabel }
+        return { value: option[props.valueField], currentLabel: option[props.textField] || option.currentLabel }
       }
     }
     // tiny 新增 clearNoMatchValue的条件
     const label = !isObject && !isNull && !isUndefined && !props.clearNoMatchValue ? value : ''
-    let newOption = { value, currentLabel: label }
+    let newOption = { value, currentLabel: label, isFakeLabel: true }
 
     if (props.multiple) {
       newOption.hitState = false
@@ -357,9 +358,13 @@ export const getSelectedOption =
   (value) => {
     let option
     if (props.multiple) {
-      option = state.selected.find((v) => getObj(v, props.valueKey) === value)
+      option = state.selected.find((v) => getObj(v, props.valueField) === value && !v.isFakeLabel)
     } else {
-      if (!isEmptyObject(state.selected) && getObj(state.selected, props.valueKey) === value) {
+      if (
+        !isEmptyObject(state.selected) &&
+        getObj(state.selected, props.valueField) === value &&
+        !state.selected.isFakeLabel
+      ) {
         option = state.selected
       }
     }
@@ -452,6 +457,8 @@ const setGridOrTreeSelected = ({ props, state, vm, isTree, api, init }) => {
   state.selectedLabel = label
   state.selected = obj
   state.currentKey = data[props.valueField]
+  vm.$refs.selectTree && vm.$refs.selectTree.setCurrentKey && vm.$refs.selectTree.setCurrentKey(state.currentKey)
+  props.treeOp.showRadio && (state.defaultCheckedKeys = [state.currentKey])
 }
 
 export const setSelected =
@@ -589,7 +596,21 @@ export const handleBlur =
   ({ constants, dispatch, emit, state, designConfig }) =>
   (event) => {
     clearTimeout(state.timer)
+    const target = event.target
+
     state.timer = setTimeout(() => {
+      correctTarget(event, target)
+
+      if (event.target !== target) {
+        Object.defineProperty(event, 'target', {
+          get() {
+            return target
+          },
+          enumerable: true,
+          configurable: true
+        })
+      }
+
       if (state.isSilentBlur) {
         state.isSilentBlur = false
       } else {
@@ -893,17 +914,27 @@ export const getValueIndex =
   }
 
 export const toggleMenu =
-  ({ vm, state, props, api }) =>
+  ({ vm, state, props, api, designConfig }) =>
   (e) => {
     if (props.keepFocus && state.visible && (props.filterable || props.searchable)) {
       return
     }
 
+    if (state.isIOS) {
+      state.selectHover = true
+      state.inputHovering = true
+    }
+
     const event = e || window.event
     const enterCode = 13
     const nodeName = event.target && event.target.nodeName
     const toggleVisible = props.ignoreEnter ? event.keyCode !== enterCode && nodeName === 'INPUT' : true
 
+    const isStop = props.stopPropagation ?? designConfig?.props?.stopPropagation ?? false
+    if (!props.displayOnly && isStop) {
+      event.stopPropagation()
+    }
+
     if (!state.selectDisabled) {
       toggleVisible && !state.softFocus && (state.visible = !state.visible)
       state.softFocus = false
@@ -922,6 +953,7 @@ export const selectOption =
   ({ api, state, props }) =>
   (e) => {
     if (!state.visible || props.hideDrop) {
+      state.softFocus = false
       api.toggleMenu(e)
     } else {
       let option = ''
@@ -1292,9 +1324,11 @@ export const watchValue =
       }
 
       if ((props.filterable || props.searchable) && !props.reserveKeyword) {
-        // tiny 优化： 多选且props.reserveKeyword为false时， aui此处会多请求一次
-        // searchable时，不清空query, 这样才能保持搜索结果
-        props.renderType !== constants.TYPE.Grid && !props.searchable && (state.query = '')
+        // 还原AUI的做法
+        const isChange = false
+        const isInput = true
+        state.query = ''
+        api.handleQueryChange(state.query, isChange, isInput)
       }
     }
 
@@ -1601,7 +1635,7 @@ export const handleCopyClick =
   }
 
 export const selectChange =
-  ({ props, state, api }) =>
+  ({ props, state, api, vm }) =>
   ({ $table, selection, checked, row }) => {
     const { textField, valueField } = props
     const remoteItem = (row) => {
@@ -1620,6 +1654,10 @@ export const selectChange =
         : $table.tableFullData.forEach((row) => remoteItem(row))
     }
 
+    if (props.filterable && props.multiple) {
+      vm.$refs.input.focus()
+    }
+
     const keys = state.selected.map((item) => item[valueField])
 
     api.updateModelValue(keys)
@@ -1825,13 +1863,24 @@ export const buildRadioConfig =
 export const onMouseenterNative =
   ({ state }) =>
   () => {
-    state.inputHovering = true
+    if (!state.isIOS) {
+      state.inputHovering = true
+    }
 
     if (state.searchSingleCopy && state.selectedLabel) {
       state.softFocus = true
     }
   }
 
+export const onMouseenterSelf =
+  ({ state }) =>
+  () => {
+    if (!state.isIOS) {
+      state.selectHover = true
+      state.inputHovering = true
+    }
+  }
+
 export const onMouseleaveNative =
   ({ state }) =>
   (e) => {
@@ -2003,7 +2052,7 @@ export const initQuery =
 export const mounted =
   ({ api, parent, state, props, vm, designConfig }) =>
   () => {
-    state.defaultCheckedKeys = state.gridCheckedData
+    state.defaultCheckedKeys = props.multiple ? state.gridCheckedData : props.treeOp.defaultCheckedKeys || []
     const parentEl = parent.$el
     const inputEl = parentEl.querySelector('input[data-tag="tiny-input-inner"]')
 
@@ -2210,12 +2259,19 @@ export const computedTagsStyle =
 
 export const computedReadonly =
   ({ props, state }) =>
-  () =>
-    state.device === 'mb' ||
-    props.readonly ||
-    !(props.filterable || props.searchable) ||
-    props.multiple ||
-    (browserInfo.name !== BROWSER_NAME.IE && browserInfo.name !== BROWSER_NAME.Edge && !state.visible)
+  () => {
+    if (state.isIOS && props.filterable) {
+      return false
+    } else {
+      return (
+        state.device === 'mb' ||
+        props.readonly ||
+        !(props.filterable || props.searchable) ||
+        props.multiple ||
+        (browserInfo.name !== BROWSER_NAME.IE && browserInfo.name !== BROWSER_NAME.Edge && !state.visible)
+      )
+    }
+  }
 
 export const computedShowClose =
   ({ props, state }) =>
@@ -2402,7 +2458,7 @@ export const clearNoMatchValue =
 // 解决无界时，event.target 会变为 wujie_iframe的元素的bug
 export const handleDebouncedQueryChange = ({ state, api }) =>
   debounce(state.debounce, (value) => {
-    api.handleQueryChange(value)
+    api.handleQueryChange(value, false, true)
   })
 
 export const onClickCollapseTag =
diff --git a/packages/renderless/src/select/vue.ts b/packages/renderless/src/select/vue.ts
index 159979ebde..ec3d6429e1 100644
--- a/packages/renderless/src/select/vue.ts
+++ b/packages/renderless/src/select/vue.ts
@@ -63,6 +63,7 @@ import {
   buildRadioConfig,
   onMouseenterNative,
   onMouseleaveNative,
+  onMouseenterSelf,
   onCopying,
   gridOnQueryChange,
   defaultOnQueryChange,
@@ -112,6 +113,7 @@ import {
 } from './index'
 import debounce from '../common/deps/debounce'
 import { isNumber } from '../common/type'
+import { useUserAgent } from '../common/deps/useUserAgent'
 
 export const api = [
   'state',
@@ -165,6 +167,7 @@ export const api = [
   'buildRadioConfig',
   'onMouseenterNative',
   'onMouseleaveNative',
+  'onMouseenterSelf',
   'onCopying',
   'handleDropdownClick',
   'handleEnterTag',
@@ -185,7 +188,6 @@ const initState = ({ reactive, computed, props, api, emitter, parent, constants,
     datas: [],
     initDatas: [],
     query: '',
-    magicKey: 0,
     options: [],
     visible: false,
     showCopy: computed(() => api.computedShowCopy()),
@@ -248,6 +250,7 @@ const initState = ({ reactive, computed, props, api, emitter, parent, constants,
 }
 
 const initStateAdd = ({ computed, props, api, parent }) => {
+  const { isIOS } = useUserAgent()
   return {
     selectedTags: [],
     tips: '',
@@ -302,6 +305,7 @@ const initStateAdd = ({ computed, props, api, parent }) => {
     isHidden: false,
     defaultCheckedKeys: [],
     optionIndexArr: [],
+    isIOS,
     showCollapseTag: false,
     exceedMaxVisibleRow: false, // 是否超出默认最大显示行数
     toHideIndex: Infinity // 第一个超出被隐藏的索引
@@ -370,6 +374,7 @@ const initApi = ({
     buildRadioConfig: buildRadioConfig({ props, state }),
     onMouseenterNative: onMouseenterNative({ state }),
     onMouseleaveNative: onMouseleaveNative({ state }),
+    onMouseenterSelf: onMouseenterSelf({ state }),
     onCopying: onCopying({ state, vm }),
     gridOnQueryChange: gridOnQueryChange({ props, vm, constants, state }),
     watchHoverIndex: watchHoverIndex({ state }),
diff --git a/packages/renderless/src/tabbar/index.ts b/packages/renderless/src/tabbar/index.ts
index 8c44fd38b1..11d75731d9 100644
--- a/packages/renderless/src/tabbar/index.ts
+++ b/packages/renderless/src/tabbar/index.ts
@@ -74,6 +74,11 @@ export const initPage =
     })
   }
 
-export const beforeDestroy = (api) => () => {
-  off(window, 'resize', api.initPage)
-}
+export const beforeDestroy =
+  ({ vm, api }) =>
+  () => {
+    off(window, 'resize', api.initPage)
+    vm.$off('updateItems')
+    vm.$off('activeItem')
+    vm.$off('showIndex')
+  }
diff --git a/packages/renderless/src/tabbar/vue.ts b/packages/renderless/src/tabbar/vue.ts
index 97c9b0b36f..e334dbd2a0 100644
--- a/packages/renderless/src/tabbar/vue.ts
+++ b/packages/renderless/src/tabbar/vue.ts
@@ -39,7 +39,7 @@ export const renderless = (
     setActiveItem: setActiveItem({ props, state }),
     getChildrens: getChildrens({ childrenHandler, api }),
     getItems: getItems(state),
-    beforeDestroy: beforeDestroy(api),
+    beforeDestroy: beforeDestroy({ vm, api }),
     initPage: initPage({ state, vm })
   })
 
diff --git a/packages/renderless/src/tabs/index.ts b/packages/renderless/src/tabs/index.ts
index 6859a65772..0b26103ae2 100644
--- a/packages/renderless/src/tabs/index.ts
+++ b/packages/renderless/src/tabs/index.ts
@@ -131,15 +131,20 @@ export const calcMorePanes =
 
     if (tabs && tabs.length) {
       let tabsAllWidth = 0
+
+      if (state.currentIndex === -1) {
+        state.currentIndex = state.panes.findIndex((item) => item.state.paneName === state.currentName)
+      }
+      const currentIndex = state.currentIndex < 0 ? 0 : state.currentIndex
+      const tabsHeaderWidth = tabNavRefs.navScroll.offsetWidth
+
       for (let i = 0; i < tabs.length; i++) {
         const tabItem = tabs[i] as HTMLElement
         // 遮住元素一半则隐藏
         tabsAllWidth = tabItem.offsetLeft + tabItem.offsetWidth / 2
-        const tabsHeaderWidth = tabNavRefs.navScroll.offsetWidth
-        const currentName = Number(state.currentName || 0)
-        if (tabsAllWidth > tabsHeaderWidth && currentName >= 0) {
-          if (currentName >= i + 1) {
-            state.showPanesCount = currentName - 0
+        if (tabsAllWidth > tabsHeaderWidth && currentIndex >= 0) {
+          if (currentIndex >= i + 1) {
+            state.showPanesCount = currentIndex
           } else {
             state.showPanesCount = i
           }
diff --git a/packages/renderless/src/tabs/vue.ts b/packages/renderless/src/tabs/vue.ts
index b3bfb87e74..8b8e3c066b 100644
--- a/packages/renderless/src/tabs/vue.ts
+++ b/packages/renderless/src/tabs/vue.ts
@@ -101,8 +101,8 @@ const initWatcher = ({
 
 export const renderless = (
   props: ITabsProps,
-  { onMounted, onUpdated, provide, reactive, watch }: ISharedRenderlessParamHooks,
-  { refs, parent, emit, constants, nextTick, childrenHandler }: ITabsRenderlessParamUtils
+  { onMounted, onUpdated, provide, reactive, watch, onUnmounted }: ISharedRenderlessParamHooks,
+  { vm, refs, parent, emit, constants, nextTick, childrenHandler }: ITabsRenderlessParamUtils
 ): ITabsApi => {
   const api = {} as ITabsApi
   const state: ITabsState = initState({ reactive, props })
@@ -144,5 +144,9 @@ export const renderless = (
     api.calcExpandPanes()
   })
 
+  onUnmounted(() => {
+    vm.$off('tab-nav-update')
+  })
+
   return api
 }
diff --git a/packages/renderless/src/tooltip/vue.ts b/packages/renderless/src/tooltip/vue.ts
index f4f931be9c..2c121b84f3 100644
--- a/packages/renderless/src/tooltip/vue.ts
+++ b/packages/renderless/src/tooltip/vue.ts
@@ -143,6 +143,7 @@ export const renderless = (
   onUnmounted(() => {
     api.destroyed()
     api.observer && api.observer.disconnect()
+    vm.$off('tooltip-update')
   })
 
   return api
diff --git a/packages/renderless/src/transfer/index.ts b/packages/renderless/src/transfer/index.ts
index 6baab19b72..12f43c601d 100644
--- a/packages/renderless/src/transfer/index.ts
+++ b/packages/renderless/src/transfer/index.ts
@@ -225,13 +225,18 @@ export const logicFun =
     if (pullMode) {
       currentValue.splice(event.newIndex, 0, currentValue.splice(event.oldIndex, 1)[0])
     } else {
+      // tiny新增：过滤时拖动，需要从左右页面过滤后的项中，去查找数据。
       const rightPanel = vm.$refs.rightPanel
       const leftPanel = vm.$refs.leftPanel
 
+      // 拖动起始时，索引行的 key值
       const key = isAdd
-        ? rightPanel.state.filteredData[event.oldIndex][props.props.key]
-        : leftPanel.state.filteredData[event.oldIndex][props.props.key]
+        ? rightPanel.state.filteredData[event.oldIndex][props.props.key] // 从右到左， 对于左面板是 add
+        : leftPanel.state.filteredData[event.oldIndex][props.props.key] // 从左到右， 对于左面板是 remove
+
+      // 拖动项是否在勾中的项中
       const index = isAdd ? state.rightChecked.indexOf(key) : state.leftChecked.indexOf(key)
+      // 拖动项是否在当前值中
       const valueIndex = currentValue.indexOf(key)
 
       if (isAdd) {
@@ -274,9 +279,11 @@ export const sortableEvent =
         sort: false,
         filter: '.is-disabled',
         onAdd(event) {
+          // 从右拖到左
           api.logicFun({ event, isAdd: true })
         },
         onRemove(event) {
+          // 从左拖到右
           api.logicFun({ event, isAdd: false })
         }
       })
diff --git a/packages/renderless/src/tree-menu/index.ts b/packages/renderless/src/tree-menu/index.ts
index fa96ac0b17..52b0ffa15a 100644
--- a/packages/renderless/src/tree-menu/index.ts
+++ b/packages/renderless/src/tree-menu/index.ts
@@ -10,6 +10,7 @@
  *
  */
 import type { ITreeMenuApi, ITreeMenuState, ITreeMenuProps, ITreeMenuData, ITreeMenuNewData } from '@/types'
+import { xss } from '../common/xss'
 
 export const initData =
   ({ state, props, service, api }: { state: ITreeMenuState; props: ITreeMenuProps; service: any; api: ITreeMenuApi }) =>
@@ -118,7 +119,11 @@ export const check = (emit) => (data, checkedStatus) => {
   emit('check', data, checkedStatus)
 }
 
-export const currentChange = (emit) => (data, node) => {
+export const currentChange = (emit) => (data, node, e) => {
+  if (data && data.url && e.target.nodeName !== 'A' && e.target.nodeName !== 'SPAN') {
+    window.open(xss.filterUrl(data.url), '_self').opener = null
+  }
+
   emit('current-change', data, node)
 }
 
diff --git a/packages/renderless/src/tree-node/index.ts b/packages/renderless/src/tree-node/index.ts
index a839e74fab..82bd72179e 100644
--- a/packages/renderless/src/tree-node/index.ts
+++ b/packages/renderless/src/tree-node/index.ts
@@ -95,14 +95,15 @@ export const handleClick =
     // tiny 新增： 去掉trigger参数，不影响点击的逻辑
     const store = state.tree.state.store
 
-    state.tree.clearCurrentStore(props.node)
     if (!state.tree.onlyCheckChildren) {
+      state.tree.clearCurrentStore(props.node)
       store.setCurrentNode(props.node)
       !props.node.disabled &&
-        state.tree.$emit('current-change', store.currentNode ? store.currentNode.data : null, store.currentNode)
+        state.tree.$emit('current-change', store.currentNode ? store.currentNode.data : null, store.currentNode, e)
     } else if (props.node.isLeaf && !props.node.disabled) {
+      state.tree.clearCurrentStore(props.node)
       store.setCurrentNode(props.node)
-      state.tree.$emit('current-change', store.currentNode ? store.currentNode.data : null, store.currentNode)
+      state.tree.$emit('current-change', store.currentNode ? store.currentNode.data : null, store.currentNode, e)
     }
 
     state.tree.currentNode = vm
diff --git a/packages/renderless/src/user-head/index.ts b/packages/renderless/src/user-head/index.ts
index 1322b82c83..78e1fbe7cc 100644
--- a/packages/renderless/src/user-head/index.ts
+++ b/packages/renderless/src/user-head/index.ts
@@ -57,7 +57,7 @@ export const computedFontSize =
       }
 
       const mfsizeMap = {
-        1: `${state.size / 1.5}px`,
+        1: `${state.size / 2}px`,
         2: `${state.size / 3}px`,
         3: `${state.size / 4.5}px`,
         4: `${state.size / 6}px`,
diff --git a/packages/renderless/src/year-table/index.ts b/packages/renderless/src/year-table/index.ts
index 870600d222..9573390f50 100644
--- a/packages/renderless/src/year-table/index.ts
+++ b/packages/renderless/src/year-table/index.ts
@@ -11,52 +11,33 @@
  */
 
 import { toDate } from '../common/date'
-import { range, nextDate, getDayCountOfYear } from '../common/deps/date-util'
 import { arrayFindIndex, coerceTruthyValueToArray, arrayFind } from '../date-table'
 import { DATEPICKER } from '../common'
 
-const datesInYear = (year) => {
-  const numOfDays = getDayCountOfYear(year)
-  const firstDay = new Date(year, 0, 1)
-
-  return range(numOfDays).map((n) => nextDate(firstDay, n))
-}
-
-export const getCellStyle =
-  ({ props, state }) =>
-  (cell) => {
+export const getIsDefault =
+  ({ props }) =>
+  (year) => {
     const { defaultValue } = props
-    const year = cell.text
-    const style = {}
-    const today = new Date()
-
-    style.disabled = typeof props.disabledDate === 'function' ? datesInYear(year).every(props.disabledDate) : false
 
-    const execDate = typeof props.value === 'object' ? props.value : toDate(props.value)
-
-    style.current = arrayFindIndex(coerceTruthyValueToArray(execDate), (date) => date.getFullYear() === year) >= 0
-    style.today = today.getFullYear() === year
-    style.default = Array.isArray(defaultValue)
+    return Array.isArray(defaultValue)
       ? defaultValue.some((v) => v && v.getFullYear() === year)
       : defaultValue && defaultValue.getFullYear() === year
+  }
 
-    if (cell.inRange) {
-      style[DATEPICKER.InRange] = true
-    }
-
-    if (cell.start) {
-      style[DATEPICKER.StartDate] = true
-    }
-
-    if (cell.end) {
-      style[DATEPICKER.EndDate] = true
-    }
+export const getIsDisabled =
+  ({ props }) =>
+  (year) => {
+    return props.selectionMode.startsWith('year') && typeof props.disabledDate === 'function'
+      ? props.disabledDate(year)
+      : false
+  }
 
-    for (const key in style) {
-      state[key] = style[key]
-    }
+export const getIsCurrent =
+  ({ props }) =>
+  (year) => {
+    const execDate = typeof props.value === 'object' ? props.value : toDate(props.value)
 
-    return style
+    return arrayFindIndex(coerceTruthyValueToArray(execDate), (date) => date.getFullYear() === year) >= 0
   }
 
 export const clearDate = (date) => {
@@ -105,7 +86,9 @@ export const getRows =
 
         cell.text = year
         cell.type = isToday ? DATEPICKER.Today : DATEPICKER.Normal
-        cell.disabled = typeof disabledDate === 'function' && disabledDate(new Date(year, 0, 1))
+        if (props.selectionMode.startsWith('year')) {
+          cell.disabled = typeof disabledDate === 'function' && disabledDate(year)
+        }
 
         if (selectionMode === DATEPICKER.YearRange) {
           const minYear = typeof minDate === 'object' && minDate ? minDate.getFullYear() : minDate
diff --git a/packages/renderless/src/year-table/vue.ts b/packages/renderless/src/year-table/vue.ts
index 202f339e77..f111840d9b 100644
--- a/packages/renderless/src/year-table/vue.ts
+++ b/packages/renderless/src/year-table/vue.ts
@@ -10,25 +10,37 @@
  *
  */
 
-import { getRows, getCellStyle, handleYearTableClick, watchDate, markRange, handleMouseMove } from './index'
-
-export const api = ['state', 'handleYearTableClick', 'getCellStyle', 'handleMouseMove']
+import {
+  getRows,
+  handleYearTableClick,
+  watchDate,
+  markRange,
+  handleMouseMove,
+  getIsDisabled,
+  getIsCurrent,
+  getIsDefault
+} from './index'
+
+export const api = ['state', 'handleYearTableClick', 'handleMouseMove', 'getIsDisabled', 'getIsCurrent', 'getIsDefault']
 
 export const renderless = (props, { computed, reactive, watch }, { emit, vm }) => {
   const api = {}
   const state = reactive({
     tableRows: [[], [], []],
-    rows: computed(() => api.getRows())
+    rows: computed(() => api.getRows()),
+    currentYear: new Date().getFullYear()
   })
 
   Object.assign(api, {
     state,
-    getCellStyle: getCellStyle({ props, state }),
     handleYearTableClick: handleYearTableClick({ emit, props, state }),
     markRange: markRange({ props, state }),
     watchDate: watchDate({ api, props }),
     getRows: getRows({ props, state, vm }),
-    handleMouseMove: handleMouseMove({ api, emit, props, state })
+    handleMouseMove: handleMouseMove({ api, emit, props, state }),
+    getIsDisabled: getIsDisabled({ props }),
+    getIsCurrent: getIsCurrent({ props }),
+    getIsDefault: getIsDefault({ props })
   })
 
   watch(
diff --git a/packages/theme-saas/src/form/index.less b/packages/theme-saas/src/form/index.less
index 99377a8505..34724073a7 100644
--- a/packages/theme-saas/src/form/index.less
+++ b/packages/theme-saas/src/form/index.less
@@ -165,10 +165,12 @@
       }
       .@{input-prefix-cls}-display-only {
         @apply inline-block;
+        @apply w-full;
         @apply ~"leading-5.5";
       }
       .@{textarea-prefix-cls}-display-only {
         @apply inline-block;
+        @apply w-full;
         @apply ~"leading-5.5";
       }
     }
diff --git a/packages/theme-saas/src/grid/table.less b/packages/theme-saas/src/grid/table.less
index 5d0624199b..045277a6db 100644
--- a/packages/theme-saas/src/grid/table.less
+++ b/packages/theme-saas/src/grid/table.less
@@ -644,6 +644,9 @@
       @apply flex;
       @apply items-center;
       @apply justify-start;
+      &:has(> span:only-child) {
+        @apply block;
+      }
     }
 
     &.col__center {
diff --git a/packages/theme-saas/src/input/index.less b/packages/theme-saas/src/input/index.less
index 7ebd2005f3..c60bfa7a85 100644
--- a/packages/theme-saas/src/input/index.less
+++ b/packages/theme-saas/src/input/index.less
@@ -3,187 +3,9 @@
 @import '../custom.less';
 @import '../transition/icon.less';
 
-@textarea-prefix-cls: ~'@{css-prefix}textarea';
 @input-prefix-cls: ~'@{css-prefix}input';
 @input-group-prefix-cls: ~'@{css-prefix}input-group';
 
-.@{textarea-prefix-cls} {
-  @apply relative;
-  @apply inline-block;
-  @apply w-full;
-  @apply align-bottom;
-  @apply text-sm;
-
-
-  &.is-disabled &__inner {
-    @apply bg-color-bg-6;
-    @apply border-color-border-separator;
-    @apply text-color-text-secondary;
-    @apply cursor-not-allowed;
-    .placeholder(@color: theme('colors.color.text.disabled'));
-  }
-
-  &.is-exceed {
-    .@{textarea-prefix-cls}__inner {
-      @apply border-color-error;
-    }
-
-    .@{input-prefix-cls}__count {
-      @apply border-color-error;
-    }
-  }
-
-  .@{input-prefix-cls}__count {
-    @apply text-color-text-secondary;
-    @apply bg-color-bg-1;
-    @apply text-xs;
-    @apply absolute;
-    @apply bottom-1;
-    @apply right-4;
-  }
-
- & &__inner {
-    @apply block;
-    @apply w-full;
-    @apply ~'min-h-[theme(spacing.16)]';
-    @apply text-color-text-primary;
-    @apply border border-solid border-color-border;
-    @apply rounded;
-    @apply bg-color-bg-1;
-    @apply py-0 px-3;
-    @apply ~'leading-[1.625rem]';
-    font-size: inherit;
-    @apply resize-y;
-    @apply box-border;
-    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-    .placeholder(theme('colors.color.text.disabled'));
-
-    &:hover,
-    &:focus {
-      @apply outline-0;
-      @apply border-color-border-hover;
-    }
-
-    &:focus {
-      @apply border-color-border-focus;
-      @apply caret-color-brand;
-    }
-
-    &:active {
-      @apply border-color-border-focus;
-    }
-
-    &.@{textarea-prefix-cls}__fix-height {
-      @apply h-7;
-      @apply ~'min-h-[theme(spacing.7)]';
-      @apply py-0 px-2;
-      @apply leading-7;
-      @apply overflow-hidden;   
-    }   
-  }
-
-  .@{textarea-prefix-cls}__inner {
-    &::-webkit-scrollbar {
-      @apply w-3;
-    }
-  
-    &::-webkit-scrollbar-thumb {
-      border-radius: 5px;
-      @apply bg-clip-content;
-      @apply border-x-4;
-      @apply border-y-2;
-      @apply border-solid;
-      @apply border-transparent;
-    }
-  }
-
-  .@{textarea-prefix-cls}__inner-con {
-    @apply relative;
-    @apply block;
-    @apply h-7;
-    @apply w-full;
-
-    .@{textarea-prefix-cls}__inner {
-      @apply ~'min-w-[theme(spacing.40)]';
-      @apply absolute;
-      @apply h-7;
-      @apply ~'z-[2000]';
-      @apply top-0;
-      @apply left-0;
-
-      // 此处是为了修改保持单行默认28px后,hover-expand计算出来的样式和原来一致
-      &:hover,
-      &:focus {
-        @apply py-2;
-        @apply leading-normal;
-      }
-    }
-  }
-
-  ::-webkit-scrollbar {
-    @apply w-1;
-
-    &:horizontal {
-      @apply h-1;
-    }
-  }
-
-  ::-webkit-scrollbar-thumb {
-    @apply rounded-sm;
-    @apply w-1;
-    @apply bg-color-text-disabled;
-  }
-  &.is-display-only {
-    .@{textarea-prefix-cls}-display-only.@{textarea-prefix-cls}__inner-con .@{textarea-prefix-cls}-display-only__content,
-    .@{textarea-prefix-cls}-autosize-display-only.@{textarea-prefix-cls}__inner-con .@{textarea-prefix-cls}-display-only__content{
-      @apply relative;
-      @apply left-0;
-      @apply max-w-full;
-      @apply leading-normal;
-      @apply line-clamp-1;
-    }
-
-    .@{textarea-prefix-cls}__inner-con {
-      @apply h-auto;
-
-      .@{textarea-prefix-cls}__inner {
-        @apply hidden;
-      }
-    }
-
-    .@{textarea-prefix-cls}-display-only {
-      .@{textarea-prefix-cls}-display-only__content {
-        @apply left-0;
-        @apply max-w-full;
-        @apply text-ellipsis;
-        display: -webkit-box;
-        /* autoprefixer: ignore next */
-        -webkit-box-orient: vertical;
-        -webkit-line-clamp: 5;
-        @apply overflow-hidden;
-        @apply break-words;
-        @apply whitespace-pre-wrap;
-      }
-    }
-    .@{textarea-prefix-cls}-autosize-display-only {
-      .@{textarea-prefix-cls}-display-only__content {
-        @apply left-0;
-        @apply max-w-full;
-        @apply absolute;
-        @apply break-words;
-        @apply whitespace-pre-line;
-        @apply leading-normal;
-      }
-    }
-    .@{textarea-prefix-cls}__inner {
-      @apply h-0;
-      @apply p-0;
-      @apply border-none;
-      @apply invisible;
-    }
-  }
-}
-
 .@{input-prefix-cls} {
   @apply relative;
   @apply text-sm;
diff --git a/packages/theme-saas/src/rich-text/index.less b/packages/theme-saas/src/rich-text/index.less
index 559243eac8..2828116501 100644
--- a/packages/theme-saas/src/rich-text/index.less
+++ b/packages/theme-saas/src/rich-text/index.less
@@ -95,6 +95,7 @@
   -moz-tab-size: 4;
   @apply text-left;
   @apply whitespace-pre-wrap;
+  white-space-collapse: preserve-breaks;
   word-wrap: break-word;
 
   & > * {
diff --git a/packages/theme-saas/src/row/index.less b/packages/theme-saas/src/row/index.less
index b4d0fb863d..a45cf4f12a 100644
--- a/packages/theme-saas/src/row/index.less
+++ b/packages/theme-saas/src/row/index.less
@@ -26,10 +26,20 @@
 
   &.row-justify-space-around {
     @apply justify-around;
+
+    &:after,
+    &:before {
+      @apply hidden;
+    }
   }
 
   &.row-justify-space-between {
     @apply justify-between;
+
+    &:after,
+    &:before {
+      @apply hidden;
+    }
   }
 
   &.row-align-top {
diff --git a/packages/theme-saas/src/select-dropdown/index.less b/packages/theme-saas/src/select-dropdown/index.less
index 46845a4e71..43dae7f15e 100644
--- a/packages/theme-saas/src/select-dropdown/index.less
+++ b/packages/theme-saas/src/select-dropdown/index.less
@@ -70,7 +70,7 @@
   }
 
   & &__wrap {
-    @apply max-h-56;
+    max-height: 228px;
   }
 
   & &__list {
diff --git a/packages/theme-saas/src/select/index.less b/packages/theme-saas/src/select/index.less
index 7f972e4186..5d8bbcc7b8 100644
--- a/packages/theme-saas/src/select/index.less
+++ b/packages/theme-saas/src/select/index.less
@@ -188,6 +188,19 @@
         @apply fill-color-none;
       }
     }
+
+    .@{select-prefix-cls}__tags-panel {
+      @apply flex;
+      width: ~'calc(100% + theme(spacing.2))';
+
+      .@{tag-prefix-cls}:last-child {
+        @apply flex-shrink-0;
+      }
+    }
+
+    .@{select-prefix-cls}__tags-content {
+      @apply contents;
+    }
   }
 
   &.is-hover-expand {
diff --git a/packages/theme-saas/src/textarea/index.less b/packages/theme-saas/src/textarea/index.less
index 52211b39fc..439d74955c 100644
--- a/packages/theme-saas/src/textarea/index.less
+++ b/packages/theme-saas/src/textarea/index.less
@@ -23,14 +23,15 @@
   @apply inline-block;
   @apply w-full;
   @apply align-bottom;
-  @apply text-xs;
+  @apply text-sm;
+
 
   &.is-disabled &__inner {
-    @apply bg-color-bg-4;
-    @apply border-color-border-disabled;
+    @apply bg-color-bg-6;
+    @apply border-color-border-separator;
     @apply text-color-text-secondary;
     @apply cursor-not-allowed;
-    .placeholder(@color: theme('colors.color.text.placeholder'));
+    .placeholder(@color: theme('colors.color.text.disabled'));
   }
 
   &.is-exceed {
@@ -44,7 +45,7 @@
   }
 
   .@{input-prefix-cls}__count {
-    @apply text-color-text-placeholder;
+    @apply text-color-text-secondary;
     @apply bg-color-bg-1;
     @apply text-xs;
     @apply absolute;
@@ -55,10 +56,10 @@
   &__inner {
     @apply block;
     @apply w-full;
-    min-height: 60px;
+    @apply ~"min-h-[theme(spacing.16)]";
     @apply text-color-text-primary;
     @apply border border-solid border-color-border;
-    @apply rounded-sm;
+    @apply rounded;
     @apply bg-color-bg-1;
     @apply py-2 px-3;
     @apply leading-normal;
@@ -66,7 +67,7 @@
     @apply resize-y;
     @apply box-border;
     transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
-    .placeholder(theme('colors.color.text.placeholder'));
+    .placeholder(theme('colors.color.text.disabled'));
 
     &:hover,
     &:focus {
@@ -82,6 +83,48 @@
     &:active {
       @apply border-color-border-focus;
     }
+
+    &.@{textarea-prefix-cls}__fix-height{
+      @apply h-7;
+      @apply ~"min-h-[theme(spacing.7)]";
+      @apply py-0 px-2;
+      @apply leading-7;
+      @apply overflow-hidden;
+    }
+  }
+
+  .@{textarea-prefix-cls}__inner{
+    &::-webkit-scrollbar {
+      @apply w-3;
+    }
+  
+    &::-webkit-scrollbar-thumb {
+      border-radius: 5px;
+      @apply bg-clip-content;
+      @apply border-x-4;
+      @apply border-y-2;
+      @apply border-solid;
+      @apply border-transparent;
+    }
+  }
+
+  .@{textarea-prefix-cls}__inner-con{
+    @apply relative;
+    @apply block;
+    @apply h-7;
+    @apply w-full;
+
+    .@{textarea-prefix-cls}__inner{
+      @apply ~"min-w-[theme(spacing.40)]";
+      @apply absolute;
+      @apply h-7;
+      @apply top-0;
+      @apply left-0;
+
+      &:hover{
+        @apply ~'z-[2000]';
+      }
+    }
   }
 
   ::-webkit-scrollbar {
@@ -98,6 +141,22 @@
     @apply bg-color-text-disabled;
   }
   &.is-display-only {
+    .@{textarea-prefix-cls}-display-only.@{textarea-prefix-cls}__inner-con .@{textarea-prefix-cls}-display-only__content{
+      @apply relative;
+      @apply left-0;
+      @apply max-w-full;
+      @apply leading-normal;
+      @apply line-clamp-1;
+    }
+
+    .@{textarea-prefix-cls}__inner-con{
+      @apply h-auto;
+
+      .@{textarea-prefix-cls}__inner {
+        @apply hidden;
+      }
+    }
+
     .@{textarea-prefix-cls}-display-only {
       .@{textarea-prefix-cls}-display-only__wrap {
         @apply flex;
@@ -114,6 +173,7 @@
         @apply overflow-hidden;
         @apply break-words;
         @apply whitespace-pre-wrap;
+        @apply leading-5;
 
         &::before {
           @apply content-[''];
@@ -121,27 +181,20 @@
           @apply h-full;
           @apply ~'-mb-3.5';
         }
-
+ 
         .more-btn {
           @apply float-right;
           @apply clear-both;
           @apply text-color-brand;
           @apply text-xs;
-          @apply leading-3;
           @apply cursor-pointer;
+          @apply leading-3;
+          @apply relative;
+          @apply ~'-top-0.5';
         }
       }
     }
-    .@{textarea-prefix-cls}-autosize-display-only {
-      .@{textarea-prefix-cls}-display-only__content {
-        @apply left-0;
-        @apply max-w-full;
-        @apply absolute;
-        @apply break-words;
-        @apply whitespace-pre-line;
-        @apply leading-normal;
-      }
-    }
+    
     .@{textarea-prefix-cls}__inner {
       @apply h-0;
       @apply p-0;
@@ -149,4 +202,4 @@
       @apply invisible;
     }
   }
-}
+}
\ No newline at end of file
diff --git a/packages/theme-saas/src/tooltip/index.less b/packages/theme-saas/src/tooltip/index.less
index b3bfb097a7..6aacaf4560 100644
--- a/packages/theme-saas/src/tooltip/index.less
+++ b/packages/theme-saas/src/tooltip/index.less
@@ -14,6 +14,10 @@
     @apply overflow-auto;
   }
 
+  pre {
+    font-family: inherit;
+  }
+
   &&__popper {
     @apply absolute;
     @apply ~'-left-[9999px]';
diff --git a/packages/theme/src/dept/vars.less b/packages/theme/src/dept/vars.less
index 2982923e08..b5b2a4af9f 100644
--- a/packages/theme/src/dept/vars.less
+++ b/packages/theme/src/dept/vars.less
@@ -12,8 +12,8 @@
 
 .inject-Dept-vars() {
   --tv-Dept-label-font-size: var(--tv-font-size-default);
-  --tv-Dept-label-text-color: var(--tv-color-text-secondary);
-  --tv-Dept-label-font-weight: var(--tv-font-weight-regular);
+  --tv-Dept-label-text-color: var(--tv-color-text);
+  --tv-Dept-label-font-weight: var(--tv-font-weight-bold);
   --tv-Dept-selected-info-text-color: var(--tv-color-text);
   --tv-Dept-selected-info-bg-color: var(--tv-color-bg-active);
   --tv-Dept-selected-info-border-radius: var(--tv-border-radius-default);
diff --git a/packages/theme/src/grid/table.less b/packages/theme/src/grid/table.less
index d560202406..cfd1f2060e 100644
--- a/packages/theme/src/grid/table.less
+++ b/packages/theme/src/grid/table.less
@@ -717,7 +717,7 @@
 
     &.is__visible {
       display: flex;
-      flex-flow: row wrap;
+      flex-flow: column wrap;
       opacity: 1;
       &.is__center {
         opacity: 0;
diff --git a/packages/theme/src/transfer/index.less b/packages/theme/src/transfer/index.less
index c7e6373d40..66fbeeeb5c 100644
--- a/packages/theme/src/transfer/index.less
+++ b/packages/theme/src/transfer/index.less
@@ -196,8 +196,6 @@
     &.is-filterable {
       height: var(--tv-Transfer-panel-body-filter-height);
       padding-top: var(--tv-Transfer-panel-body-filter-padding-top);
-      display: flex;
-      flex-direction: column;
     }
   }
 
diff --git a/packages/vue-locale/src/lang/en.ts b/packages/vue-locale/src/lang/en.ts
index c2d5c191f3..df39dcd05d 100644
--- a/packages/vue-locale/src/lang/en.ts
+++ b/packages/vue-locale/src/lang/en.ts
@@ -67,12 +67,12 @@ export default {
       date: 'Date',
       equalTo: 'Equal to',
       notEqualTo: 'Not equal to',
-      moreThan: 'More than',
-      moreThanOrEqualTo: 'More than or equal to',
+      moreThan: 'Greater than',
+      moreThanOrEqualTo: 'Greater than or equal to',
       lessThan: 'Less than',
       lessThanOrEqualTo: 'Less than or equal to',
-      empty: 'Empty',
-      nonEmpty: 'Non-empty'
+      empty: 'Null',
+      nonEmpty: 'Not null'
     },
     actionMenu: {
       moreText: 'More'
@@ -142,31 +142,31 @@ export default {
       confirm: 'OK',
       month: 'Month',
       endTime: 'End Time',
-      month2: 'February',
-      month1: 'January',
-      month4: 'April',
-      month3: 'March',
-      month6: 'June',
+      month2: 'Feb',
+      month1: 'Jan',
+      month4: 'Apr',
+      month3: 'Mar',
+      month6: 'Jun',
       month5: 'May',
-      month8: 'August',
-      month7: 'July',
-      month10: 'October',
-      month9: 'September',
-      month12: 'December',
-      month11: 'November',
+      month8: 'Aug',
+      month7: 'Jul',
+      month10: 'Oct',
+      month9: 'Sep',
+      month12: 'Dec',
+      month11: 'Nov',
       months: {
-        feb: 'Feb',
-        jan: 'Jan',
-        apr: 'Apr',
-        mar: 'Mar',
-        jun: 'Jun',
+        feb: 'February',
+        jan: 'January',
+        apr: 'April',
+        mar: 'March',
+        jun: 'June',
         may: 'May',
-        aug: 'Aug',
-        jul: 'Jul',
-        oct: 'Oct',
-        sep: 'Sep',
-        dec: 'Dec',
-        nov: 'Nov'
+        aug: 'August',
+        jul: 'July',
+        oct: 'October',
+        sep: 'September',
+        dec: 'December',
+        nov: 'November'
       },
       nextYear: 'Next year',
       nextMonth: 'Next Month',
@@ -179,7 +179,7 @@ export default {
       today: 'Today',
       currentMonth: 'This Month',
       startTime: 'Start Time',
-      week: 'week',
+      week: 'Week',
       weeks: {
         mon: 'Mon',
         sun: 'Sun',
@@ -200,64 +200,64 @@ export default {
     },
     richTextEditor: {
       bold: 'bold',
-      italic: 'italic',
-      link: 'link',
-      unlink: 'unlink',
-      highlight: 'high light',
-      underline: 'underline',
-      strike: 'strike',
-      subscript: 'subscript',
-      superscript: 'superscript',
-      code: 'code',
-      unorderedlist: 'unorderedlist',
-      orderedlist: 'orderedlist',
-      taskList: 'taskList',
-      quote: 'quote',
-      codeBlock: 'code block',
-      formatClear: 'format clear',
+      italic: 'Italic',
+      link: 'Link',
+      unlink: 'Unlink',
+      highlight: 'Highlight',
+      underline: 'Underline',
+      strike: 'Strikethrough',
+      subscript: 'Subscript',
+      superscript: 'Superscript',
+      code: 'Coding',
+      unorderedlist: 'Bullet Lists',
+      orderedlist: 'Numbered Lists',
+      taskList: 'Multi-level Lists',
+      quote: 'Reference',
+      codeBlock: 'Code Block',
+      formatClear: 'Clear Formatting',
       nodeDelete: 'node delete',
-      undo: 'undo',
-      redo: 'redo',
-      left: 'left',
-      center: 'center',
-      right: 'right',
-      fontSize: 'font size',
-      lineHeight: 'line height',
-      hBox: 'h box',
-      img: 'img',
-      color: 'color',
-      table: 'table',
-      backgroundColor: 'backgroundColor',
-      localResources: 'Local resources',
-      resourceLink: 'Resource Link'
+      undo: 'Undo',
+      redo: 'Redo',
+      left: 'Left-Aligned',
+      center: 'Centered',
+      right: 'Right-Aligned',
+      fontSize: 'Font Size',
+      lineHeight: 'Line Spacing',
+      hBox: 'Headings',
+      img: 'Picture',
+      color: 'Text Color',
+      table: 'Table',
+      backgroundColor: 'Background Color',
+      localResources: 'Upload Local File',
+      resourceLink: 'Past Link'
     },
     calendar: {
       showType: {
-        year: 'year'
+        year: 'Year'
       }
     },
     dept: {
       code: 'Code',
       company: 'Company',
-      dept1: 'First Level Department',
-      dept2: 'Second Level Department',
-      dept3: 'Third Level Department',
-      dept4: 'Fourth Level Department',
-      dept5: 'Fifth Level Department',
-      dept6: 'Sixth Level Department',
-      dept7: 'Seventh Level Department',
-      dept8: 'Eighth Level Department',
-      input: 'Input Dept Code or Name is available',
+      dept1: 'Level-1 Dept.',
+      dept2: 'Level-2 Dept.',
+      dept3: 'Level-3 Dept.',
+      dept4: 'Level-4 Dept.',
+      dept5: 'Level-5 Dept.',
+      dept6: 'Level-6 Dept.',
+      dept7: 'Level-7 Dept.',
+      dept8: 'Level-8 Dept.',
+      input: 'Enter a department code ID or name.',
       name: 'Name',
-      search: 'Quick Search',
+      search: 'Auxiliary Search',
       selected: 'Selected'
     },
     dialogBox: {
-      confirm: 'confirm',
-      cancel: 'cancel'
+      confirm: 'OK',
+      cancel: 'Cancel'
     },
     load: {
-      dot: 'Loading'
+      dot: 'Loading…'
     },
     exception: {
       build: 'Building',
@@ -268,263 +268,264 @@ export default {
       nodata: 'Get some rest',
       create: 'Create',
       provide: 'Provided by the TINY Team DEV',
-      nodatamf: 'No data',
-      nopermmf: 'No access',
-      weaknetmf: 'Network anomaly',
-      noresult: 'No result',
-      nonews: 'No latest news',
-      pagenoperm: '403:No access',
-      pageweaknet: 'Network anomaly',
-      pagenothing: '404:The page you visited does not exist',
-      pageservererror: '500:Server exception'
+      nodatamf: 'No data available.',
+      nopermmf: 'Insufficient permissions.',
+      weaknetmf: 'Network error.',
+      noresult: 'No results found.',
+      nonews: 'No messages.',
+      pagenoperm: '403 Forbidden',
+      pageweaknet: 'Network error.',
+      pagenothing: '404 Not Found',
+      pageservererror: '500 Internal Server Error'
     },
     fileUpload: {
-      largefile: ' is too large and will be uploaded in segments. Please wait.',
-      folder: ' has more than five layers of folders. The file will not be uploaded',
+      largefile: 'The file is too large and will be uploaded in segments. Please wait.',
+      folder: 'The file cannot be uploaded because it is more than five-folder levels deep.',
       init: 'Service error. Please try again.',
-      token: 'Perform EDM authentication first and obtain the token',
-      exceed: 'The file size exceeds the limit of {maxSize}.',
-      largeFile: 'The file size exceeds the upper limit by 2 GB !!',
-      fileSize: 'The file size is lower than the limit of {minSize}{sizeUnit}',
-      deleteTip: 'Press delete to remove',
-      downloadFile: 'DownLoad file',
-      previewFile: 'Preview file',
-      updateFile: 'Update file',
-      reUploadFile: 'refresh upload file',
+      token: 'Before starting, perform EDM authentication and obtain the token.',
+      exceed: 'The file size exceeds the upper limit ({maxSize}).',
+      largeFile: 'The file exceeds 2 GB.',
+      fileSize: 'The file is less than the minimum size ({minSize} {sizeUnit}).',
+      deleteTip: 'Press the Delete key.',
+      downloadFile: 'Download',
+      previewFile: 'Preview',
+      updateFile: 'Update',
+      reUploadFile: 'Upload Again',
       cancelFile: 'Cancel Upload',
-      deleteFile: 'Delete file',
-      empty: 'is empty!',
+      deleteFile: 'Delete',
+      empty: 'The file is empty.',
       kiaScanTip:
-        'Sorry, unable to download. Please pass the KIA test first to download a file using public network. Current document is being checked by the KIA, Please wait a while then redownload.',
-      fileNameExceeds: 'exceeds 255 characters. Please change the file name.',
-      fileName: 'The file name',
-      calcHash: 'Document is calculating encryption',
-      uploadFile: 'Upload file',
-      downloadAll: 'Download all',
-      onlySupport: 'Only support {type} file',
-      fileNotLessThan: 'The size of single file cannot be less than ',
-      fileNotMoreThan: 'The size of single file cannot be more than ',
+        'KIA needs to verify the download of documents from the public network. The current document is being checked by KIA. Try again later.',
+      fileNameExceeds: 'The file name contains more than 255 characters. Shorten the file name.',
+      fileName: 'This file name',
+      calcHash: 'The document is being analyzed and encrypted.',
+      uploadFile: 'Upload',
+      downloadAll: 'Download All',
+      onlySupport: 'Only {type} files are supported.',
+      fileNotLessThan: 'A single file cannot be less than ',
+      fileNotMoreThan: 'A single file cannot exceed ',
       fileSizeRange: 'The size of a single file must range from {moreThan} to {lessThan}.',
-      notSupport: 'The format (.{format}) is not allowed.',
-      notSupportNoSuffix: 'Files without suffixes are not supported currently',
-      notSupportSpecialCharacters: 'The file name contains special characters, please rename the file and upload again',
-      attachment: 'Attachment',
-      uploadList: 'Upload List',
-      numberExceed: 'The number of files exceeds the limit of {number}',
-      numberLimit: 'Maximum upload of {number} files.',
-      encryptDialogTitle: 'Watermark and encryption settings',
+      notSupport: 'The format (.{format}) is not supported.',
+      notSupportNoSuffix: 'Files without file name extensions are not supported.',
+      notSupportSpecialCharacters: 'Special characters not allowed. Rename the file and upload it again.',
+      attachment: 'Attachments',
+      uploadList: 'File List',
+      numberExceed: 'Too many files in this batch. Max. supported: {number}',
+      numberLimit: 'Maximum files per batch: {number}',
+      encryptDialogTitle: 'Watermark and Encryption',
       addWatermark: 'Add Watermark',
-      encrypted: 'Encrypted',
-      docPreview: 'Document Preview',
-      networkError: 'Network Error',
-      pictureNetworkError: 'Network error, upload failed',
-      reUploadTip: '{number} files failed to upload!'
+      encrypted: 'Encryption',
+      docPreview: 'Preview',
+      networkError: 'Network error.',
+      pictureNetworkError: 'Network error. File upload failed.',
+      reUploadTip: '{number} files failed to be uploaded.'
     },
     uploadList: {
-      pictureUploading: 'Picture uploading',
+      pictureUploading: 'Uploading',
       uploadFailed: 'Upload failed',
       uploading: 'Uploading',
       download: 'Download',
-      reUpload: 'Re-upload',
+      reUpload: 'Upload Again',
       delete: 'Delete',
-      noAttachments: 'No attachments',
+      noAttachments: 'No attachments available.',
       cancel: 'Cancel',
       preview: 'Preview',
-      releaseAndUpload: 'Release the mouse and upload the file',
-      dragOrClickImport: 'Drag the file here, or click Import',
-      shoot: 'Shoot',
-      selectFromAlbum: 'Select from album',
-      uploadFailedAndReupload: 'Upload failed, click to reupload'
+      releaseAndUpload: 'Release mouse capture to upload the file.',
+      dragOrClickImport: 'Drag a file here or click to import.',
+      shoot: 'Take Photo or Video',
+      selectFromAlbum: 'Select from Album',
+      uploadFailedAndReupload: 'Upload failed. Please try again.'
     },
     upload: {
-      addPicture: 'Add picture',
-      addAudio: 'Add audio',
-      addVideo: 'Add video'
+      addPicture: 'Add Picture',
+      addAudio: 'Add Audio',
+      addVideo: 'Add Video'
     },
     grid: {
-      dataUnchanged: 'Data unchanged!',
-      deleteSelectRecord: 'Are you sure you want to delete the selected record?',
-      emptyText: 'No Data',
+      dataUnchanged: 'Data remains unchanged.',
+      deleteSelectRecord: 'Delete the selected records?',
+      emptyText: 'No data available.',
       error: {
-        delRevert: 'The function revert is deprecated, please use revertData.',
-        groupFixed: 'If grouping headers are used, fixed columns must be on the left and right sides.',
-        notDelete: 'delete method not exist.',
-        notQuery: 'query method not exist.',
-        notResizable: 'Horizontal virtual scrolling does not support resizable.',
-        notSave: 'save method not exist.',
-        reqModule: 'require {{name}} module.',
-        rowIdEmpty: 'The property row-id is not allowed to be empty.',
-        scrollYHeight: 'You must set the height or max-height to enable virtual scrolling.',
-        toolbarId: 'Toolbar must have a unique id',
-        treeFixedExpand: 'The fixed columns of the tree structure conflict with the expanded row.',
-        treeInsert: 'The tree structure does not support insert operations.',
-        treeRemove: 'The tree structure does not support remove operations.',
-        unableInsert: 'Unable to insert to the specified location.',
-        dargSelf: 'Self dragging is not allowed.',
-        dargFixed: 'Fixed columns cannot be dragged.',
-        remoteMethod: '"remoteMethod" needs to be set for remote storage for personalized template management.',
+        delRevert: 'The <strong>revert</strong> method has been deprecated. Use <strong>revertData</strong> instead.',
+        groupFixed: 'If you want to use grouping headers, place the fixed columns on the left and right sides.',
+        notDelete: 'The <strong>delete</strong> method does not exist.',
+        notQuery: 'The <strong>query</strong> method does not exist.',
+        notResizable: 'Horizontal virtual scrolling cannot be resized.',
+        notSave: 'The <strong>save</strong> method does not exist.',
+        reqModule: 'The module {{name}} is missing.',
+        rowIdEmpty: 'The <strong>row-id</strong> parameter is required.',
+        scrollYHeight: 'The height or max-height must be specified before enabling virtual scrolling.',
+        toolbarId: 'A unique ID is required for the toolbar.',
+        treeFixedExpand: 'The fixed column conflicts with row expansion in the tree structure.',
+        treeInsert: 'The tree structure does not support the <strong>insert</strong> operation.',
+        treeRemove: 'The tree structure does not support the <strong>remove</strong> operation.',
+        unableInsert: 'Unable to insert data to the specified location.',
+        notAllowDragSelf: 'Self dragging is not allowed.',
+        notAllowDragFixed: 'Fixed columns cannot be dragged.',
+        remoteMethod:
+          'The <strong>multipleHistory.remoteSelectedMethod</strong> must be set for the remote storage of personalized template management.',
         remoteSelectedMethod:
           '"remoteSelectedMethod" needs to be set for remote storage for personalized template management.',
-        chainCallError: 'There is a syntax error in the default slot for the column, please check.',
-        renderParamError: 'Expect to configure a rendering method for generating a VNode.',
-        classComponentError: 'Class component rendering error.',
-        groupColumnFixedError: 'Different fixed types cannot be set in the same group.',
+        chainCallError: 'There are syntax errors in the default slot.',
+        renderParamError: 'A rendering method is required for generating VNode.',
+        classComponentError: 'There was an error in the class component rendering.',
+        groupColumnFixedError: 'Each group must have the same type.',
         missingValueFormat:
-          'The renderer cannot format the date string. You should provide the "valueFormat" source date format configuration.',
-        clipboardWriteError: 'clipboard write error'
+          'The renderer cannot format the date character string. The valueFormat source date format is required.',
+        clipboardWriteError: 'Clipboard write error.'
       },
       filter: {
-        allSelect: '(All)',
+        allSelect: 'All',
         endDate: 'End Date',
         startDate: 'Start Date',
-        dateTips: 'Please enter at least one date',
-        clear: 'Clear Current Filter',
-        clearAll: 'Clear All Filters',
-        confirmFilter: 'OK',
-        empty: 'Is Empty',
-        emptyText: 'No Data',
-        equal: 'Equal',
-        include: 'Include',
-        prefix: 'Starts With',
+        dateTips: 'Select at least one date.',
+        clear: 'Clear Filter Criteria from Current Column',
+        clearAll: 'Clear Filter Criteria from All Columns',
+        confirmFilter: 'Filter',
+        empty: 'Empty',
+        emptyText: 'No data available.',
+        equal: 'Equal to',
+        include: 'Contains',
+        prefix: 'Starts with',
         resetFilter: 'Reset',
-        unempty: 'Is not Empty'
+        unempty: 'Not empty'
       },
       individuation: {
         cancelBtn: 'Cancel',
         colConfigs: {
           asc: 'Ascending',
           desc: 'Descending',
-          frozenLeft: 'Frozen on the left',
-          frozenRight: 'Frozen on the right',
-          invisible: 'Invisible',
-          unsorted: 'No sortting',
+          frozenLeft: 'Freeze left',
+          frozenRight: 'Freeze right',
+          invisible: 'Hide',
+          unsorted: 'Unsorted',
           unfrozen: 'Unfrozen',
-          visible: 'Visible',
-          unfreeze: 'Unfrozen',
+          visible: 'Show',
+          unfreeze: 'Unfreeze',
           unsort: 'Unsort'
         },
         toolbar: {
-          set: 'Set',
+          set: 'Operation',
           selected: 'Selected',
-          freeze: 'Freeze',
-          sort: 'Sort',
+          freeze: 'Frozen',
+          sort: 'Sorting',
           clear: 'Clear',
           search: 'Search',
           all: 'All'
         },
-        columnSet: 'Column Setting',
-        overwriteSave: 'Overwrite Save',
-        saveAs: 'Save as',
-        saveTemplate: 'Save Template',
-        selectTemplate: 'Select Template',
-        hideMsg: 'Leave one column to show at least.',
-        maxFreezeNumMsg: 'Maxium number of frozen columns is 6',
+        columnSet: 'Set Columns',
+        overwriteSave: 'Overwrite and Save',
+        saveAs: 'Save As',
+        saveTemplate: 'Save',
+        selectTemplate: 'Select',
+        hideMsg: 'There must be at least one column.',
+        maxFreezeNumMsg: 'A maximum of 6 columns can be frozen.',
         defaultTemplateName:
-          'Please enter a name, if not filled in, it will be generated by the system according to time',
-        reserveTemplateName: 'If the name is not filled in, the previous name will be retained',
+          'Enter a name. If no name is specified, a name will be automatically generated based on the time.',
+        reserveTemplateName: 'If no new name is specified, the original name will be kept.',
         resetBtn: 'Reset',
         saveBtn: 'OK',
         hideAll: 'Hide All',
         showAll: 'Show All',
         tabs: {
           base: {
-            title: 'Base Setting',
-            tips: 'Click the icon to set personalized.'
+            title: 'Basic Settings',
+            tips: 'Click the icons to customize the display style.'
           },
           other: {
-            allDataSort: 'Remote Data Sorting',
-            currPageSort: 'Current Page Data Sorting',
-            pageSize: 'Page Size',
-            title: 'Other Setting',
-            tips: 'Settings for Sorting and Pagesize.',
-            sortType: 'Sorting Type'
+            allDataSort: 'All data',
+            currPageSort: 'Current page',
+            pageSize: 'Records per Page',
+            title: 'Other Settings',
+            tips: 'Set sorting for servers or clients and the number of records on each page.',
+            sortType: 'Sorting Data'
           }
         },
-        title: 'Personalized Settings',
-        switchtitle: 'Template Management',
-        switchsave: 'Save configuration',
-        switchlabel: 'List:',
-        switchapply: 'Apply',
+        title: 'Custom Settings',
+        switchtitle: 'Manage',
+        switchsave: 'Save',
+        switchlabel: 'Configuration List:',
+        switchapply: 'Use',
         switchedit: 'Edit',
         switchdel: 'Delete',
         switchdelconfirm: 'Deletion Confirmation',
         switchconfirm: 'Confirm',
-        switchonlytemp: 'Save as template only',
-        switchtempapply: 'Save as template and use',
-        switchtempoverwrite: 'Overwrite template and use',
-        switchdelcon: 'Are you sure to delete this template?',
-        switchdelyes: 'Yes',
-        switchdelno: 'No',
-        switchapplycon: 'Are you sure to use this template?'
+        switchonlytemp: 'Save',
+        switchtempapply: 'Save and Use',
+        switchtempoverwrite: 'Overwrite and Use',
+        switchdelcon: 'Delete this template?',
+        switchdelyes: 'Confirm',
+        switchdelno: 'Cancel',
+        switchapplycon: 'Use this template??'
       },
-      removeSelectRecord: 'Are you sure you want to remove the selected record?',
-      saveSuccess: 'Save successfully.',
-      selectOneRecord: 'Please choose at least one piece of record!',
-      isSaveMsg: 'There are change records, do you want to save them?'
+      removeSelectRecord: 'Remove the selected records?',
+      saveSuccess: 'Saved successfully.',
+      selectOneRecord: 'Select at least one record.',
+      isSaveMsg: 'Some data has been modified. Save the changes?'
     },
     hrapprover: {
-      approver: 'Approver',
-      noapprover: 'There is no approver',
-      noselected: 'Select one record!',
+      approver: 'Authorized Approver',
+      noapprover: 'No authorized approver.',
+      noselected: 'No authorized approver selected.',
       remark: 'Remarks'
     },
     imageViewer: {
-      loadErrorAlt: 'Load Error',
-      save: 'Save picture',
-      del: 'Delete Picture',
+      loadErrorAlt: 'Loading failed.',
+      save: 'Save',
+      del: 'Delete',
       thumbnail: 'Thumbnail',
-      menu: 'Menu',
+      menu: 'Directory',
       hide: 'Hide Sidebar',
       show: 'Show Sidebar'
     },
     navMenu: {
-      moreText: 'more'
+      moreText: 'More'
     },
     logout: {
-      in: 'Login',
-      out: 'Logout'
+      in: 'Logged in',
+      out: 'Logged out'
     },
     page: {
       goto: 'Go to',
-      item: '',
+      item: 'items',
       next: 'Next',
-      page: 'Records/Page',
+      page: '',
       pageClassifier: '',
-      pagesize: 'Records/Page',
-      prev: 'Prev',
-      total: 'Total ',
-      totals: 'Total: ',
+      pagesize: '',
+      prev: 'Previous',
+      total: 'Total:',
+      totals: 'Total:',
       jump: 'Go to',
-      hundredThousand: '100K+',
-      million: '1M+',
-      tenMillion: '10M+',
-      loadingTotals: 'Loading Totals...'
+      hundredThousand: '100,000+',
+      million: '1 million+',
+      tenMillion: '10 million+',
+      loadingTotals: 'Loading the total number of items...'
     },
     popeditor: {
       cancel: 'Cancel',
       confirm: 'OK',
-      historyLists: 'History options',
+      historyLists: 'History',
       reset: 'Reset',
-      search: 'Search',
-      selectionLists: 'Selected Items',
-      sourceLists: 'Available Items',
+      search: 'Query',
+      selectionLists: 'Selected',
+      sourceLists: 'All',
       title: 'Select',
-      filterNode: 'input text to filter node'
+      filterNode: 'Enter a keyword.'
     },
     popupload: {
-      fileName: 'File Name',
-      fileSize: 'File Size',
-      fileStatus: 'File Status',
-      dialogTitle: 'File Upload',
+      fileName: 'Name',
+      fileSize: 'Size',
+      fileStatus: 'Status',
+      dialogTitle: 'Upload Files',
       cancelButtonText: 'Cancel',
-      tipsFileText: 'upload hints',
-      uploadError: 'Upload failure!',
-      uploadButtonText: 'select file',
-      uploadSuccess: 'Upload Success!',
-      saveButtonText: 'Click To Upload',
-      uploadsButtonText: 'select files',
-      errorTypeTips: 'Upload file type mismatch',
-      errorSizeTips: 'Upload file size exceeds limit',
+      tipsFileText: 'Info',
+      uploadError: 'Upload failed.',
+      uploadButtonText: 'Upload',
+      uploadSuccess: 'Upload completed.',
+      saveButtonText: 'Select File',
+      uploadsButtonText: 'Select Files',
+      errorTypeTips: 'Invalid file format.',
+      errorSizeTips: 'File too large.',
       confirmDeleteTips: 'Are you sure you want to delete this file?',
       delete: 'Delete',
       waitUpload: 'Waiting for upload',
@@ -532,90 +533,90 @@ export default {
       success: 'Upload successful',
       listTip: 'There are a total of {0} pieces of data: ',
       errorListTip: 'There are {0} errors in them. Please modify them and try again',
-      limitUploadFileType: 'Upload file type is limited to',
-      limitUploadFileNumber: 'Limit the number of uploaded files to',
-      limitUploadFileSize: 'The size of the uploaded file does not exceed',
+      limitUploadFileType: 'Supported file formats: ',
+      limitUploadFileNumber: 'Maximum files allowed: ',
+      limitUploadFileSize: 'Maximum file size: ',
       errorNumTips: 'The number of uploaded files exceeds the limit. The operation has been cancelled'
     },
     rate: {
       level: {
-        average: 'Average',
-        excellent: 'Excellent',
-        fair: 'Fair',
+        average: 'Acceptable',
+        excellent: 'Very Good',
+        fair: 'Poor',
         good: 'Good',
-        poor: 'Poor'
+        poor: 'Very Poor'
       }
     },
     select: {
-      loading: 'Loading',
-      noData: 'No data',
-      noMatch: 'No matching data',
-      placeholder: 'Select',
-      pleaseSearch: 'Please search',
+      loading: 'Loading...',
+      noData: 'No data available.',
+      noMatch: 'No matches.',
+      placeholder: '--Select--',
+      pleaseSearch: 'Enter a keyword.',
       search: 'Search',
       selected: 'Selected',
       selectedNum: '{num} selected',
-      noSearchData: 'No search results. Please try again',
+      noSearchData: 'No matches. Enter another keyword.',
       add: 'Add',
       collapse: 'Collapse'
     },
     search: {
-      placeholder: 'search'
+      placeholder: 'Search'
     },
     signature: {
-      confirm: 'Confirm',
-      rewrite: 'Rewrite',
+      confirm: 'Done',
+      rewrite: 'Re-sign',
       cancel: 'Cancel',
-      tips: 'Please sign by hand',
-      resign: 'Resign',
-      placeholder: 'Please sign here (required)'
+      tips: 'Handwritten signature required.',
+      resign: 'Re-sign',
+      placeholder: 'Please sign here (mandatory).'
     },
     tabs: {
-      moreItem: 'more'
+      moreItem: 'More'
     },
     tag: {
       add: 'Add'
     },
     toggleMenu: {
-      placeholder: 'please input filter content'
+      placeholder: 'Enter a keyword.'
     },
     treeMenu: {
-      placeholder: 'please input filter content'
+      placeholder: 'Enter a keyword.'
     },
     transfer: {
-      filterPlaceholder: 'Enter keyword',
+      filterPlaceholder: 'Enter a keyword.',
       hasCheckedFormat: '{checked}/{total} checked',
-      noData: 'No data',
-      noMatch: 'No matching data',
+      noData: 'No data available.',
+      noMatch: 'No matches.',
       noCheckedFormat: '{total} items',
       titles: ['List 1', 'List 2']
     },
     tree: {
-      loading: 'Loading',
-      emptyText: 'No data',
-      switchText: 'check easily',
+      loading: 'Loading...',
+      emptyText: 'No data available.',
+      switchText: 'Select child nodes',
       edit: 'Edit',
       delete: 'Delete',
       addChild: 'Add Child',
-      newNodeTitle: 'Add Child Nodes',
-      deleteTip1: 'The deleted data cannot be restored. Are you sure you want to delete it?',
-      deleteTip2: 'This node has lower-level nodes. Do you want to retain the lower-level node data?',
-      deleteTip3: 'Retain the lower-level node data'
+      newNodeTitle: 'Add Child Node',
+      deleteTip1: 'Deleted data cannot be restored. Are you sure you want to continue?',
+      deleteTip2: 'This node has child nodes. Do you want to retain the child nodes?',
+      deleteTip3: 'Retain child nodes'
     },
     usercard: {
       address: 'Address',
-      collapse: 'Collapse',
-      email: 'email',
-      empno: 'Employee Number',
-      expand: 'Expand',
+      collapse: 'Show less',
+      email: 'Email',
+      empno: 'Employee ID',
+      expand: 'Show more',
       fax: 'Fax',
-      internal: 'Internal',
-      manager: 'Manager',
+      internal: 'Extension',
+      manager: 'Supervisor',
       mobile: 'Mobile',
-      other: 'Other',
-      phone: 'Telephone',
-      timezone: 'Time zone',
-      travelcode: 'Travel code',
+      other: 'Additional Info',
+      phone: 'Landline',
+      timezone: 'Time Zone',
+      travelcode: 'Out-of-Office Message for a Business Trip',
       viop: 'VIOP'
     },
     richText: {
@@ -683,58 +684,58 @@ export default {
     },
     steps: {
       done: 'Completed',
-      doing: 'Ongoing',
-      wait: 'Waiting'
+      doing: 'In Progress',
+      wait: 'Pending'
     },
     actionSheet: {
       cancel: 'Cancel'
     },
     image: {
-      loadFail: 'Loading failed'
+      loadFail: 'Loading failed.'
     },
     miniPicker: {
       cancel: 'Cancel',
-      confirm: 'Confirm'
+      confirm: 'OK'
     },
     pullRefresh: {
-      pullingDown: 'Pull down to refresh',
-      pullingUp: 'Pull up to refresh',
-      pulling: 'Pull down to refresh',
-      loosing: 'Release to refresh',
-      success: 'Refresh success',
-      failed: 'Refresh failed',
-      noMore: 'There is no more'
+      pullingDown: 'Pull down to refresh.',
+      pullingUp: 'Pull up to refresh.',
+      pulling: 'Pull down to refresh.',
+      loosing: 'Release to refresh.',
+      success: 'Refreshed.',
+      failed: 'Refresh failed.',
+      noMore: 'No more data.'
     },
     currency: {
-      defaultCurrency: 'Default currency',
+      defaultCurrency: 'Default',
       setDefault: 'Set as default',
-      chooseCurrency: 'Choose currency'
+      chooseCurrency: 'Select Currency'
     },
     calendarBar: {
       week: {
-        0: 'SUN',
-        1: 'MON',
-        2: 'TUE',
-        3: 'WED',
-        4: 'THU',
-        5: 'FRI',
-        6: 'SAT'
+        0: 'Sun',
+        1: 'Mon',
+        2: 'Tue',
+        3: 'Wed',
+        4: 'Thu',
+        5: 'Fri',
+        6: 'Sat'
       },
-      year: 'Year %s',
+      year: '%s',
       yearMonth: '%m %y',
       month: {
-        1: 'January',
-        2: 'February',
-        3: 'March',
-        4: 'April',
+        1: 'Jan',
+        2: 'Feb',
+        3: 'Mar',
+        4: 'Apr',
         5: 'May',
-        6: 'June',
-        7: 'July',
-        8: 'August',
-        9: 'September',
-        10: 'October',
-        11: 'November',
-        12: 'December'
+        6: 'Jun',
+        7: 'Jul',
+        8: 'Aug',
+        9: 'Sep',
+        10: 'Oct',
+        11: 'Nov',
+        12: 'Dec'
       },
       monthAbbr: {
         1: 'Jan',
@@ -753,13 +754,13 @@ export default {
     },
     calendarView: {
       week: {
-        0: 'SUN',
-        1: 'MON',
-        2: 'TUE',
-        3: 'WED',
-        4: 'THU',
-        5: 'FRI',
-        6: 'SAT'
+        0: 'Sun',
+        1: 'Mon',
+        2: 'Tue',
+        3: 'Wed',
+        4: 'Thu',
+        5: 'Fri',
+        6: 'Sat'
       },
       weekDays: {
         0: 'SUN',
@@ -770,28 +771,28 @@ export default {
         5: 'FRI',
         6: 'SAT'
       },
-      backToday: 'back to today',
-      new: 'New',
+      backToday: 'Today',
+      new: 'Add',
       noSchedule: 'No Schedule',
-      year: 'year',
-      month: 'month',
+      year: '',
+      month: '',
       dateFormat: 'yyyy-MM'
     },
     selectedBox: {
       select: 'Selected (%s)',
-      allSelect: 'All selected (%s)',
+      allSelect: 'All Selected (%s)',
       clear: 'Clear',
       noData: 'No data'
     },
     record: {
-      record: 'Record',
+      record: 'Recording',
       cancel: 'Cancel',
-      confirm: 'Confirm',
-      clickToStartRecording: 'Click to start recording',
-      clickToResumeRecording: 'Click to resume recording'
+      confirm: 'OK',
+      clickToStartRecording: 'Click to record.',
+      clickToResumeRecording: 'Click to continue recording.'
     },
     dialogSelect: {
-      treeSearch: 'Enter a keyword and press Enter'
+      treeSearch: 'Enter a keyword and press Enter.'
     },
     loadList: {
       errorText: 'Something went wrong.',
@@ -801,62 +802,62 @@ export default {
   },
   validation: {
     array: {
-      len: 'must be exactly %s in length',
-      min: 'cannot be less than %s in length',
-      max: 'cannot be greater than %s in length',
-      range: 'must be between %s and %s in length'
+      len: 'This field must contain %s characters.',
+      min: 'This field must contain %s characters or more.',
+      max: 'This field must contain %s characters or less.',
+      range: 'This field must have %s to %s characters.'
     },
     date: {
-      format: 'date %s is invalid for format %s',
-      invalid: 'date %s is invalid',
-      parse: 'date could not be parsed, %s is invalid '
+      format: 'The date %s does not match the %s format.',
+      invalid: '%s is invalid.',
+      parse: 'Unable to parse %s, %s is invalid'
     },
-    default: 'Validation error on field %s',
-    enum: 'must be one of %s',
+    default: '%s field verification error.',
+    enum: 'Must be one of %s',
     number: {
-      len: '%s must equal %s',
-      min: '%s cannot be less than %s',
-      max: '%s cannot be greater than %s',
-      range: '%s must be between %s and %s'
+      len: 'The value must be %s.',
+      min: 'The value must be %s or larger.',
+      max: 'The value must be %s or less.',
+      range: 'The value must be between %s and %s.'
     },
     pattern: {
-      mismatch: 'value %s does not match pattern %s'
+      mismatch: 'The value %s does not match %s.'
     },
-    required: 'required',
+    required: 'Required field',
     string: {
-      len: '%s must be exactly %s characters',
-      min: '%s must be at least %s characters',
-      max: '%s cannot be longer than %s characters',
-      range: '%s must be between %s and %s characters'
+      len: 'This field must contain %s characters.',
+      min: 'This field must contain at least %s characters.',
+      max: 'This field can contain a maximum of %s characters.',
+      range: 'This field must contain %s to %s characters.'
     },
     types: {
-      acceptFile: 'not a valid %s',
-      acceptImg: 'not a valid %s',
-      array: 'not an %s',
-      boolean: 'not a %s',
-      date: 'not a %s',
-      dateTime: 'not a valid %s',
-      dateYM: 'not a valid %s',
-      dateYMD: 'not a valid %s',
-      digits: 'not a valid %s',
-      email: 'not a valid %s',
-      fileSize: 'not a valid %s',
-      float: 'not a %s',
-      hex: 'not a valid %s',
-      integer: 'not an %s',
-      longDateTime: 'not a valid %s',
-      method: 'not a %s (function)',
-      number: 'not a %s',
-      object: 'not an %s',
-      regexp: 'not a valid %s',
-      specialch: 'not a valid %s',
-      specialch2: 'not a valid %s',
-      speczh: 'not a valid %s',
-      string: 'not a %s',
-      time: 'not a valid %s',
-      url: 'not a valid %s',
-      version: 'not a valid %s'
-    },
-    whitespace: 'cannot be empty'
+      acceptFile: 'Only files are supported.',
+      acceptImg: 'Only images are supported.',
+      array: 'Invalid array.',
+      boolean: 'Invalid boolean value.',
+      date: 'Invalid date format.',
+      dateTime: 'Invalid date and time format.',
+      dateYM: 'The date format (y-mm) does not comply with the rule.',
+      dateYMD: 'The date format (y-MM-dd) does not comply with the rule.',
+      digits: 'Invalid number only.',
+      email: 'Invalid email address.',
+      fileSize: 'The file size is not in the correct format, such as 3kb.',
+      float: 'Invalid floating point number.',
+      hex: 'Invalid hexadecimal number.',
+      integer: 'Invalid integer.',
+      longDateTime: 'Invalid long date format.',
+      method: 'Must be a function.',
+      number: 'Invalid number.',
+      object: 'Invalid object.',
+      regexp: 'Invalid regular expression.',
+      specialch: 'Only digits, letters, underscores (_), hyphens (-), and dots (.) are allowed.',
+      specialch2: 'Only digits, letters, underscores (_), and hyphens (-) are allowed.',
+      speczh: 'Only digits, letters, and underscores (_) are allowed.',
+      string: 'Invalid string.',
+      time: 'Invalid time format.',
+      url: 'Invalid URL.',
+      version: 'Invalid version format.'
+    },
+    whitespace: 'This field cannot be left blank.'
   }
 } as any
diff --git a/packages/vue-locale/src/lang/zh-CN.ts b/packages/vue-locale/src/lang/zh-CN.ts
index 52964fd778..0f5e0c9e72 100644
--- a/packages/vue-locale/src/lang/zh-CN.ts
+++ b/packages/vue-locale/src/lang/zh-CN.ts
@@ -10,7 +10,7 @@
  *
  */
 export default {
-  'en-US': 'English',
+  'en-US': '英语',
   'zh-CN': '中文',
   'zh-TW': '中国台湾',
   hello: '你好 {name}',
@@ -359,8 +359,8 @@ export default {
         treeInsert: '树结构不支持 insert 操作',
         treeRemove: '树结构不支持 remove 操作',
         unableInsert: '无法插入到指定位置',
-        dargSelf: '不允许自己给自己拖动',
-        dargFixed: '固定列不允许拖动',
+        notAllowDragSelf: '不允许自己给自己拖动',
+        notAllowDragFixed: '固定列不允许拖动',
         remoteMethod: '个性化模板管理远端存储需要设置 multipleHistory.remoteMethod',
         remoteSelectedMethod: '个性化模板管理远端存储需要设置 multipleHistory.remoteSelectedMethod',
         chainCallError: '列的默认插槽中存在语法错误，请检查。',
diff --git a/packages/vue/src/date-panel/src/pc.vue b/packages/vue/src/date-panel/src/pc.vue
index c0bd1b6798..dc9f83c07e 100644
--- a/packages/vue/src/date-panel/src/pc.vue
+++ b/packages/vue/src/date-panel/src/pc.vue
@@ -213,7 +213,7 @@
       <!-- 此刻/确认 -->
       <div
         class="tiny-picker-panel__footer"
-        v-show="state.isShowFooter"
+        v-if="state.isShowFooter"
         :style="{ justifyContent: !['dates', 'years'].includes(state.selectionMode) ? 'space-between' : 'right' }"
       >
         <slot>
diff --git a/packages/vue/src/grid/src/body/src/body.tsx b/packages/vue/src/grid/src/body/src/body.tsx
index 1060d2fc93..c6b7ec9680 100644
--- a/packages/vue/src/grid/src/body/src/body.tsx
+++ b/packages/vue/src/grid/src/body/src/body.tsx
@@ -134,7 +134,8 @@ function buildColumnProps(args) {
 
 function buildColumnChildren(args) {
   let { h, hasDefaultTip, params, row, validError, column, $table } = args
-  let { showEllipsis, showTip, showTitle, showTooltip, validStore, dropConfig } = args
+  let { showEllipsis, showTip, showTitle, showTooltip, validStore } = args
+  const dropConfig = args.dropConfig || {}
   const { validOpts } = $table
   let cellNode: any[] = []
   let validNode: any = null
diff --git a/packages/vue/src/grid/src/dragger/src/methods.ts b/packages/vue/src/grid/src/dragger/src/methods.ts
index a794b95e4d..1b55e6caed 100644
--- a/packages/vue/src/grid/src/dragger/src/methods.ts
+++ b/packages/vue/src/grid/src/dragger/src/methods.ts
@@ -2,7 +2,7 @@ import { createHandlerOnEnd, getSortColumns } from './rowDrop'
 export default {
   // 处理列拖拽
   columnDrop(headerEl) {
-    const { plugin, onBeforeMove, filter } = this.dropConfig
+    const { plugin, onBeforeMove, filter } = this.dropConfig || {}
     const columnDropContainer = headerEl.querySelector('.tiny-grid__header .tiny-grid-header__row')
 
     const columnDropOptions = {
@@ -31,7 +31,7 @@ export default {
           }
 
           return Modal.message({
-            message: GlobalConfig.i18n('ui.grid.error.dargFixed'),
+            message: GlobalConfig.i18n('ui.grid.error.notAllowDragFixed'),
             status: 'error'
           })
         }
diff --git a/packages/vue/src/grid/src/dragger/src/rowDrop.ts b/packages/vue/src/grid/src/dragger/src/rowDrop.ts
index 3f160528bd..7b4e74a6f4 100644
--- a/packages/vue/src/grid/src/dragger/src/rowDrop.ts
+++ b/packages/vue/src/grid/src/dragger/src/rowDrop.ts
@@ -76,7 +76,7 @@ export const createHandlerOnEnd = ({ _vm, refresh }) => {
           wrapperElem.insertBefore(targetTrElem, oldTrElem)
 
           return Modal.message({
-            message: GlobalConfig.i18n('ui.grid.error.dargSelf'),
+            message: GlobalConfig.i18n('ui.grid.error.notAllowDragSelf'),
             status: 'error'
           })
         }
@@ -149,7 +149,7 @@ export const onEndEvent = ({ event, _this }) => {
     }
 
     return Modal.message({
-      message: GlobalConfig.i18n('ui.grid.error.dargFixed'),
+      message: GlobalConfig.i18n('ui.grid.error.notAllowDragFixed'),
       status: 'error'
     })
   }
diff --git a/packages/vue/src/grid/src/grid/grid.ts b/packages/vue/src/grid/src/grid/grid.ts
index 802adcd7ba..7a4f0a8193 100644
--- a/packages/vue/src/grid/src/grid/grid.ts
+++ b/packages/vue/src/grid/src/grid/grid.ts
@@ -149,6 +149,12 @@ export default defineComponent({
         pageSize: 10,
         currentPage: 1
       },
+      tablePageLoading: false,
+      realTimeTablePage: {
+        total: 0,
+        pageSize: 10,
+        currentPage: 1
+      },
       columnAnchorParams: {},
       columnAnchorKey: '',
       tasks: {},
@@ -175,9 +181,9 @@ export default defineComponent({
       return this.size || (this.$parent && this.$parent.size) || (this.$parent && this.$parent.vSize)
     },
     seqIndex() {
-      let { seqSerial, scrollLoad, pagerConfig, startIndex } = this
+      let { seqSerial, scrollLoad, pagerConfig: oldPage, startIndex, tablePageLoading, realTimeTablePage } = this
       let seqIndexValue = startIndex
-
+      const pagerConfig = tablePageLoading ? realTimeTablePage : oldPage
       if ((seqSerial || scrollLoad) && pagerConfig) {
         seqIndexValue = (pagerConfig.currentPage - 1) * pagerConfig.pageSize + startIndex
       }
diff --git a/packages/vue/src/grid/src/pager/src/methods.ts b/packages/vue/src/grid/src/pager/src/methods.ts
index 85a08c6d18..2c4266f220 100644
--- a/packages/vue/src/grid/src/pager/src/methods.ts
+++ b/packages/vue/src/grid/src/pager/src/methods.ts
@@ -79,6 +79,7 @@ export default {
     return res
   },
   pageChangeEvent(params) {
+    this.tablePageLoading = true
     // 这里需要做下防抖操作，防止在pageSize从小变大的时候导致fetch-data触发多次
     if (!this.tasks.updatePage) {
       this.tasks.updatePage = debounce(200, () => {
@@ -89,9 +90,10 @@ export default {
 
         // 处理配置式表格的监听事件
         this.emitter.emit('page-change', eventParams)
-
-        // 触发fetchData
-        this.commitProxy('query')
+        this.handleFetch('query').then(() => {
+          this.realTimeTablePage = { ...this.tablePage }
+          this.tablePageLoading = false
+        })
 
         if (toolbarVm) {
           toolbarVm.orderSetting()
diff --git a/packages/vue/src/grid/src/table/src/methods.ts b/packages/vue/src/grid/src/table/src/methods.ts
index 5a1ea4b891..cd5320f063 100644
--- a/packages/vue/src/grid/src/table/src/methods.ts
+++ b/packages/vue/src/grid/src/table/src/methods.ts
@@ -25,6 +25,7 @@
 import { getColumnList, assemColumn } from '@opentiny/vue-renderless/grid/utils'
 import { toDecimal } from '@opentiny/vue-renderless/common/string'
 import { addClass, removeClass, isDisplayNone } from '@opentiny/vue-renderless/common/deps/dom'
+import { isNull } from '@opentiny/vue-renderless/common/type'
 import debounce from '@opentiny/vue-renderless/common/deps/debounce'
 import { fastdom } from '@opentiny/vue-renderless/common/deps/fastdom'
 import {
@@ -378,7 +379,7 @@ const Methods = {
     let rowKey = getTableRowKey(this)
     let buildRowCache = (row, index) => {
       let rowId = getRowid(this, row)
-      if (!rowId) {
+      if (isNull(rowId) || rowId === '') {
         rowId = getRowUniqueId()
         set(row, rowKey, rowId)
       }
@@ -495,7 +496,8 @@ const Methods = {
       }
     })
     // 如果行数据的唯一主键不存在，则生成
-    if (!get(row, rowKey)) {
+    const rowId = get(row, rowKey)
+    if (isNull(rowId) || rowId === '') {
       set(row, rowKey, getRowUniqueId())
     }
     return row
diff --git a/packages/vue/src/grid/src/table/src/table.ts b/packages/vue/src/grid/src/table/src/table.ts
index 242d3367d2..497886f3eb 100644
--- a/packages/vue/src/grid/src/table/src/table.ts
+++ b/packages/vue/src/grid/src/table/src/table.ts
@@ -105,7 +105,7 @@ function mergeTreeConfig(_vm) {
 const renderEmptyPartFn = (opt) => {
   const { _vm, tableData } = opt
   const { $grid = {}, renderEmpty } = _vm
-  const { $slots } = $grid
+  const { slots } = $grid
   return () => {
     let emptyPartVnode = null
     let { computerTableBodyHeight } = _vm
@@ -114,8 +114,8 @@ const renderEmptyPartFn = (opt) => {
       let emptyVnodes
       let noEmptyClass = _vm.viewType === V_CARD || _vm.viewType === V_LIST
 
-      if ($slots.empty) {
-        emptyVnodes = $slots.empty.call(_vm, h)
+      if (slots.empty) {
+        emptyVnodes = slots.empty.call(_vm, h)
       } else if (renderEmpty) {
         emptyVnodes = [renderEmpty(h, _vm)]
       } else {
diff --git a/packages/vue/src/grid/src/tooltip/src/methods.ts b/packages/vue/src/grid/src/tooltip/src/methods.ts
index ba37f16591..de4fa1fe60 100644
--- a/packages/vue/src/grid/src/tooltip/src/methods.ts
+++ b/packages/vue/src/grid/src/tooltip/src/methods.ts
@@ -35,9 +35,11 @@ export default {
   },
   // 显示 tooltip
   handleTooltip(event, column, row, showTip, isHeader) {
-    const cell = isHeader
-      ? event.currentTarget.querySelector('.tiny-grid-cell-text')
-      : event.currentTarget.querySelector('.tiny-grid-cell')
+    // 当title配置为函数时，文本不会包裹tiny-grid-cell-text类名
+    const cell =
+      isHeader && !(typeof column.title === 'function')
+        ? event.currentTarget.querySelector('.tiny-grid-cell-text')
+        : event.currentTarget.querySelector('.tiny-grid-cell')
 
     // 当用户悬浮在排序或者筛选图标按钮时不应该显示tooltip，使用头部插槽且文本超长时也应该显示
     if (isHeader && event.target !== cell && !cell?.contains(event.target)) {
diff --git a/packages/vue/src/huicharts/huicharts-amap/src/AMapModel.ts b/packages/vue/src/huicharts/huicharts-amap/src/AMapModel.ts
index 5dd316c5da..5b16611811 100644
--- a/packages/vue/src/huicharts/huicharts-amap/src/AMapModel.ts
+++ b/packages/vue/src/huicharts/huicharts-amap/src/AMapModel.ts
@@ -19,12 +19,12 @@ export default function extendComponentModel() {
     },
 
     setCenterAndZoom(center, zoom) {
-      this.option.center = center
-      this.option.zoom = zoom
+      this.huiChartOption.center = center
+      this.huiChartOption.zoom = zoom
     },
 
     centerOrZoomChanged(center, zoom) {
-      let option = this.option
+      let option = this.huiChartOption
       return !(equal(center, option.center) && zoom === option.zoom)
     },
 
diff --git a/packages/vue/src/huicharts/huicharts-amap/src/autonavi-map.vue b/packages/vue/src/huicharts/huicharts-amap/src/autonavi-map.vue
index e526a562b2..848906a98e 100644
--- a/packages/vue/src/huicharts/huicharts-amap/src/autonavi-map.vue
+++ b/packages/vue/src/huicharts/huicharts-amap/src/autonavi-map.vue
@@ -25,13 +25,13 @@ export default {
   methods: {
     updateChart() {
       if (this.options && Object.keys(this.options).length) {
-        this.option = { ...this.options, ...this.settings }
+        this.huiChartOption = { ...this.options, ...this.settings }
         if (!this.tooltipVisible) {
-          this.option.tooltip = { show: false }
+          this.huiChartOption.tooltip = { show: false }
         }
 
         if (!this.legendVisible) {
-          this.option.legend = { show: false }
+          this.huiChartOption.legend = { show: false }
         }
 
         return
@@ -55,7 +55,7 @@ export default {
         'backgroundColor',
         'textStyle'
       ]
-      this.option = {
+      this.huiChartOption = {
         ...this.settings,
         tooltip: this.tooltipVisible ? this.tooltip : { show: false },
         series: this.series
@@ -63,12 +63,12 @@ export default {
 
       echartsSettings.forEach((prop) => {
         if (this[prop]) {
-          this.option[prop] = this[prop]
+          this.huiChartOption[prop] = this[prop]
         }
       })
 
       if (!this.legendVisible) {
-        this.option.legend = { show: false }
+        this.huiChartOption.legend = { show: false }
       }
     }
   }
diff --git a/packages/vue/src/huicharts/huicharts-bar/src/chart-bar.vue b/packages/vue/src/huicharts/huicharts-bar/src/chart-bar.vue
index 2a06d1d222..829287733c 100644
--- a/packages/vue/src/huicharts/huicharts-bar/src/chart-bar.vue
+++ b/packages/vue/src/huicharts/huicharts-bar/src/chart-bar.vue
@@ -31,7 +31,7 @@ export default {
 
       const option = histogram(columns, rows, this.settings, extra, false)
 
-      this.option = {
+      this.huiChartOption = {
         smooth: true,
         ...option,
         direction: 'horizontal'
diff --git a/packages/vue/src/huicharts/huicharts-bmap/src/baidu-map.vue b/packages/vue/src/huicharts/huicharts-bmap/src/baidu-map.vue
index 1882d4082d..8529ec8320 100644
--- a/packages/vue/src/huicharts/huicharts-bmap/src/baidu-map.vue
+++ b/packages/vue/src/huicharts/huicharts-bmap/src/baidu-map.vue
@@ -22,13 +22,13 @@ export default {
   methods: {
     updateChart() {
       if (this.options && Object.keys(this.options).length) {
-        this.option = { ...this.options, ...this.settings }
+        this.huiChartOption = { ...this.options, ...this.settings }
         if (!this.tooltipVisible) {
-          this.option.tooltip = { show: false }
+          this.huiChartOption.tooltip = { show: false }
         }
 
         if (!this.legendVisible) {
-          this.option.legend = { show: false }
+          this.huiChartOption.legend = { show: false }
         }
 
         return
@@ -52,7 +52,7 @@ export default {
         'backgroundColor',
         'textStyle'
       ]
-      this.option = {
+      this.huiChartOption = {
         ...this.settings,
         tooltip: this.tooltipVisible ? this.tooltip : { show: false },
         series: this.series
@@ -60,12 +60,12 @@ export default {
 
       echartsSettings.forEach((prop) => {
         if (this[prop]) {
-          this.option[prop] = this[prop]
+          this.huiChartOption[prop] = this[prop]
         }
       })
 
       if (!this.legendVisible) {
-        this.option.legend = { show: false }
+        this.huiChartOption.legend = { show: false }
       }
     }
   }
diff --git a/packages/vue/src/huicharts/huicharts-boxplot/src/chart-boxplot.vue b/packages/vue/src/huicharts/huicharts-boxplot/src/chart-boxplot.vue
index 8be1afbae0..c40f917e0a 100644
--- a/packages/vue/src/huicharts/huicharts-boxplot/src/chart-boxplot.vue
+++ b/packages/vue/src/huicharts/huicharts-boxplot/src/chart-boxplot.vue
@@ -28,7 +28,7 @@ export default {
         data: prepareBoxplotData && Array.isArray(data) ? data : null
       }
       const option = boxplot(columns, rows, this.settings, extra)
-      this.option = { ...option }
+      this.huiChartOption = { ...option }
     },
     prepareBoxplotData(data) {
       return prepareBoxplotData(data)
diff --git a/packages/vue/src/huicharts/huicharts-candle/src/chart-candle.vue b/packages/vue/src/huicharts/huicharts-candle/src/chart-candle.vue
index 13fb4ff100..fdb34b30ad 100644
--- a/packages/vue/src/huicharts/huicharts-candle/src/chart-candle.vue
+++ b/packages/vue/src/huicharts/huicharts-candle/src/chart-candle.vue
@@ -27,7 +27,7 @@ export default {
         legendVisible: this.legendVisible,
         t
       }
-      this.option = candle(columns, rows, this.settings, extra)
+      this.huiChartOption = candle(columns, rows, this.settings, extra)
     }
   }
 }
diff --git a/packages/vue/src/huicharts/huicharts-core/common/extend.ts b/packages/vue/src/huicharts/huicharts-core/common/extend.ts
index 814b1293cc..7df0448cfc 100644
--- a/packages/vue/src/huicharts/huicharts-core/common/extend.ts
+++ b/packages/vue/src/huicharts/huicharts-core/common/extend.ts
@@ -19,8 +19,8 @@ function removeNullKeys(obj) {
   return obj
 }
 
-export default ({ option, extend }) => {
-  const cloneOption = cloneDeep(option)
+export default ({ huiChartOption, extend }) => {
+  const cloneOption = cloneDeep(huiChartOption)
   const mergeOption = removeNullKeys(cloneOption)
   if (!extend) {
     return
@@ -53,13 +53,17 @@ export default ({ option, extend }) => {
       ]
       if (~attrList.indexOf(key)) {
         // attrList，指定的key才能合并处理
-        mergeOption[key] = merge(mergeOption[key], value)
+        if (key === 'dataZoom') {
+          mergeOption[key] = value
+        } else {
+          mergeOption[key] = merge(mergeOption[key], value)
+        }
       }
     } else {
       // 属性为对象(eg: tooltip)或包含对象的数组(eg: series)
       if (isArr(mergeOption[key]) && isObject(mergeOption[key][0])) {
         // 属性值是包含对象数组
-        mergeOption[key].forEach((option, i) => (mergeOption[key][i] = { ...option, ...value }))
+        mergeOption[key].forEach((huiChartOption, i) => (mergeOption[key][i] = { ...huiChartOption, ...value }))
       } else if (isObject(mergeOption[key])) {
         // 被替换属性值是对象
         let optionBase = mergeOption[key]
diff --git a/packages/vue/src/huicharts/huicharts-core/src/chart-core.ts b/packages/vue/src/huicharts/huicharts-core/src/chart-core.ts
index bfe1550a2c..229f64cfe2 100644
--- a/packages/vue/src/huicharts/huicharts-core/src/chart-core.ts
+++ b/packages/vue/src/huicharts/huicharts-core/src/chart-core.ts
@@ -26,7 +26,7 @@ export default {
     },
     width: { type: String, default: 'auto' },
     height: { type: String, default: '400px' },
-    events: { type: Object, default() { } },
+    events: { type: Object, default() {} },
     initOptions: {
       type: Object,
       default() {
@@ -72,7 +72,7 @@ export default {
     },
     extend: {
       type: Object,
-      default() { }
+      default() {}
     },
     tooltipFormatter: { type: Function },
 
@@ -120,7 +120,7 @@ export default {
     },
     setOptionOpts: {
       type: Object,
-      default() { }
+      default() {}
     },
     colorMode: {
       type: String,
@@ -129,7 +129,7 @@ export default {
   },
   data() {
     return {
-      option: {},
+      huiChartOption: {},
       eChartOption: {},
       renderOption: {},
       initOpts: {},
@@ -194,27 +194,27 @@ export default {
           ...this.initOpts,
           ...val
         }
-        this.renderChart(this.option)
+        this.renderChart(this.huiChartOption)
       },
       deep: true
     },
     judgeWidth: {
       handler(val) {
         this.initOpts.domResize = val
-        this.renderChart(this.option)
+        this.renderChart(this.huiChartOption)
       }
     },
     delay: {
       handler(val) {
         this.initOpts.resizeThrottle = val
-        this.renderChart(this.option)
+        this.renderChart(this.huiChartOption)
       },
       deep: true
     },
     resizeable: {
       handler(val) {
         this.initOpts.windowResize = val
-        this.renderChart(this.option)
+        this.renderChart(this.huiChartOption)
       }
     },
     setOptionOpts: {
@@ -243,14 +243,14 @@ export default {
     },
 
     size: {
-      handler(val) {
+      handler() {
         this.$nextTick(() => {
           this.integrateChart && this.integrateChart.echartsIns && this.integrateChart.echartsIns.resize()
         })
       }
     },
     colors: {
-      handler(val) {
+      handler() {
         this.refreshChart()
       },
       deep: true
@@ -334,10 +334,10 @@ export default {
         }
       }
     },
-    applyExtend(option) {
+    applyExtend(huiChartOption) {
       if (this.extend) {
         return setExtend({
-          option,
+          huiChartOption,
           extend: this.extend
         })
       }
@@ -345,56 +345,56 @@ export default {
 
     // 更新图表
     refreshChart() {
-      if (!this.option.theme) {
-        this.option.theme = 'cloud-light'
-      }
-      if (Array.isArray(this.colors) && this.colors.length > 0) {
-        option.color = cloneDeep(this.colors)
-      }
       const { data } = this
       if (Object.keys(this.options).length === 0) {
         this.updateChart(data)
       } else {
-        this.option = cloneDeep(this.options)
+        this.huiChartOption = cloneDeep(this.options)
+      }
+      let { huiChartOption } = this
+      if (!huiChartOption.theme) {
+        huiChartOption.theme = 'bpit-light'
+      }
+      if (Array.isArray(this.colors) && this.colors.length > 0) {
+        huiChartOption.color = cloneDeep(this.colors)
       }
-      let { option } = this
       clearTimeout(this.timer)
       this.timer = null
       this.timer = setTimeout(() => {
         if (this.afterConfig) {
-          option = this.afterConfig(option)
+          huiChartOption = this.afterConfig(huiChartOption)
         }
 
-        this.selfSetting(option)
-        this.setAnimation(option)
+        this.selfSetting(huiChartOption)
+        this.setAnimation(huiChartOption)
         this.applyMarks(this.integrateChart.eChartOption)
-        this.integrateChart.refresh(option)
+        this.integrateChart.refresh(cloneDeep(huiChartOption))
         if (this.colorMode !== 'default') {
-          option.color = this.computedChartColor()
+          huiChartOption.color = this.computedChartColor()
         }
         if (this.extend && Object.keys(this.extend).length !== 0) {
-          option.extend = this.applyExtend(this.integrateChart.eChartOption)
-          this.integrateChart.refresh(option)
+          huiChartOption.extend = cloneDeep(this.applyExtend(this.integrateChart.eChartOption))
+          this.integrateChart.refresh(cloneDeep(huiChartOption))
         }
-        this.$emit('handle-color', option.color)
+        this.$emit('handle-color', huiChartOption.color)
         if (this.afterSetOption) {
           this.afterSetOption(this.integrateChart.echartsIns)
         }
-        this.$emit('ready', this.integrateChart.echartsIns, option)
+        this.$emit('ready', this.integrateChart.echartsIns, huiChartOption)
       }, this.changeDelay)
       this.eChartOption = this.integrateChart.eChartOption
     },
 
     // 初始渲染图表
-    renderChart(option) {
+    renderChart(huiChartOption) {
       // 设置默认theme为'cloud-light'
-      if (!option.theme) {
-        option.theme = 'cloud-light'
+      if (!huiChartOption.theme) {
+        huiChartOption.theme = 'bpit-light'
       }
 
       // 将外部colors放入配置项中
       if (Array.isArray(this.colors) && this.colors.length > 0) {
-        option.color = cloneDeep(this.colors)
+        huiChartOption.color = cloneDeep(this.colors)
       }
       const plugins = this.plugins || {}
 
@@ -402,13 +402,13 @@ export default {
       if (this.isSelfChart) {
         this.integrateChart.init(this.$refs.chartRef)
         if (this.colorMode !== 'default') {
-          option.color = this.computedChartColor()
+          huiChartOption.color = this.computedChartColor()
         }
-        this.integrateChart.setSimpleOption(this.chartList[this.iChartName], option, plugins)
-        this.$emit('handle-color', option.color)
+        this.integrateChart.setSimpleOption(this.chartList[this.iChartName], huiChartOption, plugins)
+        this.$emit('handle-color', huiChartOption.color)
       } else {
-        this.selfSetting(option)
-        this.setAnimation(option)
+        this.selfSetting(huiChartOption)
+        this.setAnimation(huiChartOption)
 
         // theme为ecahrts主题参数
         const theme = this.themeName || this.theme || DEFAULT_THEME
@@ -416,27 +416,27 @@ export default {
 
         // 通过colorMode参数控制颜色
         if (this.colorMode !== 'default') {
-          option.color = this.computedChartColor()
+          huiChartOption.color = this.computedChartColor()
         }
-        this.integrateChart.setSimpleOption(this.iChartName, option, plugins)
-        this.$emit('handle-color', option.color)
+        this.integrateChart.setSimpleOption(this.iChartName, cloneDeep(huiChartOption), plugins)
+        this.$emit('handle-color', huiChartOption.color)
         this.applyMarks(this.integrateChart.eChartOption)
       }
 
       // 判断extend，将extend放入配置项中
       if (this.extend && Object.keys(this.extend).length !== 0) {
-        option.extend = this.applyExtend(this.integrateChart.eChartOption)
-        this.integrateChart.setSimpleOption(this.iChartName, option, plugins)
+        huiChartOption.extend = this.applyExtend(this.integrateChart.eChartOption)
+        this.integrateChart.setSimpleOption(this.iChartName, cloneDeep(huiChartOption), plugins)
       }
       this.integrateChart.render(this.renderOption)
 
       // 返回图表实例
-      this.$emit('ready', this.integrateChart.echartsIns, option)
+      this.$emit('ready', this.integrateChart.echartsIns, huiChartOption)
 
       // 返回图表实例(仅一次)
       if (!this.once['ready-once']) {
         this.once['ready-once'] = true
-        this.$emit('ready-once', this.integrateChart.echartsIns, option)
+        this.$emit('ready-once', this.integrateChart.echartsIns, huiChartOption)
       }
 
       // 赋值echartOption，方便用户获取
@@ -467,12 +467,12 @@ export default {
         this.integrateChart.echartsIns.resize()
       }
     },
-    afterConfigFn(option) {
+    afterConfigFn(huiChartOption) {
       if (this.afterConfig) {
-        option = this.afterConfig(option)
-        this.option = option
+        huiChartOption = this.afterConfig(huiChartOption)
+        this.huiChartOption = huiChartOption
       }
-      return option
+      return huiChartOption
     },
     beforeConfigFn(data) {
       if (this.beforeConfig) {
@@ -537,7 +537,7 @@ export default {
     }
   },
   created() {
-    this.option = {}
+    this.huiChartOption = {}
     if (!this.selfChart.includes(this.iChartName)) {
       this.isSelfChart = false
       this.integrateChart = new IntegrateChart()
@@ -567,12 +567,12 @@ export default {
     if (Object.keys(this.options).length === 0) {
       this.updateChart(data)
     } else {
-      this.option = cloneDeep(this.options)
+      this.huiChartOption = cloneDeep(this.options)
     }
-    let { option } = this
-    option = this.afterConfigFn(option)
+    let { huiChartOption } = this
+    huiChartOption = this.afterConfigFn(huiChartOption)
 
-    this.renderChart(option)
+    this.renderChart(huiChartOption)
 
     this.afterSetOption && this.afterSetOption(this.integrateChart.echartsIns)
 
diff --git a/packages/vue/src/huicharts/huicharts-funnel/src/chart-funnel.vue b/packages/vue/src/huicharts/huicharts-funnel/src/chart-funnel.vue
index c10058638d..cc221475ac 100644
--- a/packages/vue/src/huicharts/huicharts-funnel/src/chart-funnel.vue
+++ b/packages/vue/src/huicharts/huicharts-funnel/src/chart-funnel.vue
@@ -24,7 +24,7 @@ export default {
         legendVisible: this.legendVisible,
         tooltipVisible: this.tooltipVisible
       }
-      this.option = getIChartOption(columns, rows, this.settings, extra)
+      this.huiChartOption = getIChartOption(columns, rows, this.settings, extra)
     }
   }
 }
diff --git a/packages/vue/src/huicharts/huicharts-gauge/src/chart-gauge.vue b/packages/vue/src/huicharts/huicharts-gauge/src/chart-gauge.vue
index c8b6f33058..27bdf26ea5 100644
--- a/packages/vue/src/huicharts/huicharts-gauge/src/chart-gauge.vue
+++ b/packages/vue/src/huicharts/huicharts-gauge/src/chart-gauge.vue
@@ -27,7 +27,7 @@ export default {
         legendVisible: this.legendVisible,
         tooltipVisible: this.tooltipVisible
       }
-      this.option = getIChartOption(columns, rows, this.settings, extra)
+      this.huiChartOption = getIChartOption(columns, rows, this.settings, extra)
     }
   }
 }
diff --git a/packages/vue/src/huicharts/huicharts-graph/src/chart-graph.vue b/packages/vue/src/huicharts/huicharts-graph/src/chart-graph.vue
index cf62371bf2..b3d56cf402 100644
--- a/packages/vue/src/huicharts/huicharts-graph/src/chart-graph.vue
+++ b/packages/vue/src/huicharts/huicharts-graph/src/chart-graph.vue
@@ -27,7 +27,7 @@ export default {
       }
       const option = graph(columns, rows, this.settings, extra)
 
-      this.option = {
+      this.huiChartOption = {
         ...option
       }
     }
diff --git a/packages/vue/src/huicharts/huicharts-heatmap/src/chart-heatmap.vue b/packages/vue/src/huicharts/huicharts-heatmap/src/chart-heatmap.vue
index 5d1b63a595..f231f07e77 100644
--- a/packages/vue/src/huicharts/huicharts-heatmap/src/chart-heatmap.vue
+++ b/packages/vue/src/huicharts/huicharts-heatmap/src/chart-heatmap.vue
@@ -40,7 +40,7 @@ export default {
         echartsLib: this.integrateChart.echartIns
       }
       const option = heatmap(columns, rows, this.settings, extra, true)
-      this.option = {
+      this.huiChartOption = {
         ...option
       }
     },
diff --git a/packages/vue/src/huicharts/huicharts-histogram/src/chart-histogram.vue b/packages/vue/src/huicharts/huicharts-histogram/src/chart-histogram.vue
index 296c7a20db..f9b6e83dd4 100644
--- a/packages/vue/src/huicharts/huicharts-histogram/src/chart-histogram.vue
+++ b/packages/vue/src/huicharts/huicharts-histogram/src/chart-histogram.vue
@@ -31,7 +31,7 @@ export default {
 
       const option = histogram(columns, rows, this.settings, extra, true)
 
-      this.option = {
+      this.huiChartOption = {
         smooth: true,
         ...option
       }
diff --git a/packages/vue/src/huicharts/huicharts-line/src/chart-line.vue b/packages/vue/src/huicharts/huicharts-line/src/chart-line.vue
index a82bbc50ac..411e3f0eb9 100644
--- a/packages/vue/src/huicharts/huicharts-line/src/chart-line.vue
+++ b/packages/vue/src/huicharts/huicharts-line/src/chart-line.vue
@@ -28,7 +28,7 @@ export default {
       }
       const option = line(columns, rows, this.settings, extra)
 
-      this.option = {
+      this.huiChartOption = {
         smooth: true,
         ...option
       }
diff --git a/packages/vue/src/huicharts/huicharts-liquidfill/src/chart-liquidfill.vue b/packages/vue/src/huicharts/huicharts-liquidfill/src/chart-liquidfill.vue
index 462db33b6c..e4c9218a15 100644
--- a/packages/vue/src/huicharts/huicharts-liquidfill/src/chart-liquidfill.vue
+++ b/packages/vue/src/huicharts/huicharts-liquidfill/src/chart-liquidfill.vue
@@ -28,7 +28,7 @@ export default {
         legendVisible: this.legendVisible,
         tooltipVisible: this.tooltipVisible
       }
-      this.option = getIChartOption(columns, rows, this.settings, extra)
+      this.huiChartOption = getIChartOption(columns, rows, this.settings, extra)
     }
   }
 }
diff --git a/packages/vue/src/huicharts/huicharts-map/src/chart-map.vue b/packages/vue/src/huicharts/huicharts-map/src/chart-map.vue
index 75e792e7e6..7096200e45 100644
--- a/packages/vue/src/huicharts/huicharts-map/src/chart-map.vue
+++ b/packages/vue/src/huicharts/huicharts-map/src/chart-map.vue
@@ -38,7 +38,7 @@ export default {
 
       const option = map(columns, rows, this.settings, extra)
 
-      this.option = {
+      this.huiChartOption = {
         ...option
       }
     }
diff --git a/packages/vue/src/huicharts/huicharts-pie/src/chart-pie.vue b/packages/vue/src/huicharts/huicharts-pie/src/chart-pie.vue
index ea873778ae..9e494b4dfe 100644
--- a/packages/vue/src/huicharts/huicharts-pie/src/chart-pie.vue
+++ b/packages/vue/src/huicharts/huicharts-pie/src/chart-pie.vue
@@ -29,7 +29,7 @@ export default {
         tooltipVisible: this.tooltipVisible,
         t
       }
-      this.option = pie(columns, rows, this.settings, extra)
+      this.huiChartOption = pie(columns, rows, this.settings, extra)
     }
   }
 }
diff --git a/packages/vue/src/huicharts/huicharts-process/src/chart-process.vue b/packages/vue/src/huicharts/huicharts-process/src/chart-process.vue
index a6df47fcc7..3b273f0505 100644
--- a/packages/vue/src/huicharts/huicharts-process/src/chart-process.vue
+++ b/packages/vue/src/huicharts/huicharts-process/src/chart-process.vue
@@ -20,7 +20,7 @@ export default {
   },
   methods: {
     updateChart() {
-      this.option = { ...this.options }
+      this.huiChartOption = { ...this.options }
     }
   }
 }
diff --git a/packages/vue/src/huicharts/huicharts-radar/src/chart-radar.vue b/packages/vue/src/huicharts/huicharts-radar/src/chart-radar.vue
index a6933e076b..3850a1e346 100644
--- a/packages/vue/src/huicharts/huicharts-radar/src/chart-radar.vue
+++ b/packages/vue/src/huicharts/huicharts-radar/src/chart-radar.vue
@@ -40,7 +40,7 @@ export default {
         extend: this.extend
       }
       const option = radar(columns, rows, this.settings, extra)
-      this.option = {
+      this.huiChartOption = {
         ...option
       }
     }
diff --git a/packages/vue/src/huicharts/huicharts-ring/src/chart-ring.vue b/packages/vue/src/huicharts/huicharts-ring/src/chart-ring.vue
index 2829a5750d..fbf73a3574 100644
--- a/packages/vue/src/huicharts/huicharts-ring/src/chart-ring.vue
+++ b/packages/vue/src/huicharts/huicharts-ring/src/chart-ring.vue
@@ -28,7 +28,7 @@ export default {
         tooltipVisible: this.tooltipVisible,
         t
       }
-      this.option = pie(columns, rows, this.settings, extra, true)
+      this.huiChartOption = pie(columns, rows, this.settings, extra, true)
     }
   }
 }
diff --git a/packages/vue/src/huicharts/huicharts-sankey/src/chart-sankey.vue b/packages/vue/src/huicharts/huicharts-sankey/src/chart-sankey.vue
index ebbd6e110e..bcecc32535 100644
--- a/packages/vue/src/huicharts/huicharts-sankey/src/chart-sankey.vue
+++ b/packages/vue/src/huicharts/huicharts-sankey/src/chart-sankey.vue
@@ -28,7 +28,7 @@ export default {
         tooltipVisible: this.tooltipVisible
       }
       const option = sankey(columns, rows, this.settings, extra)
-      this.option = {
+      this.huiChartOption = {
         ...option
       }
     }
diff --git a/packages/vue/src/huicharts/huicharts-scatter/src/chart-scatter.vue b/packages/vue/src/huicharts/huicharts-scatter/src/chart-scatter.vue
index 71dfbd1158..d3cd2ccdf2 100644
--- a/packages/vue/src/huicharts/huicharts-scatter/src/chart-scatter.vue
+++ b/packages/vue/src/huicharts/huicharts-scatter/src/chart-scatter.vue
@@ -28,7 +28,7 @@ export default {
         tooltipVisible: this.tooltipVisible
       }
       const option = scatter(columns, rows, this.settings, extra)
-      this.option = { ...option }
+      this.huiChartOption = { ...option }
     }
   }
 }
diff --git a/packages/vue/src/huicharts/huicharts-sunburst/src/chart-sunburst.vue b/packages/vue/src/huicharts/huicharts-sunburst/src/chart-sunburst.vue
index 9f2c2f1c59..9aa22839fa 100644
--- a/packages/vue/src/huicharts/huicharts-sunburst/src/chart-sunburst.vue
+++ b/packages/vue/src/huicharts/huicharts-sunburst/src/chart-sunburst.vue
@@ -28,7 +28,7 @@ export default {
       }
       const option = sunburst(columns, rows, this.settings, extra)
 
-      this.option = {
+      this.huiChartOption = {
         ...option
       }
     }
diff --git a/packages/vue/src/huicharts/huicharts-tree/src/chart-tree.vue b/packages/vue/src/huicharts/huicharts-tree/src/chart-tree.vue
index dedf81f2ce..4eff763e58 100644
--- a/packages/vue/src/huicharts/huicharts-tree/src/chart-tree.vue
+++ b/packages/vue/src/huicharts/huicharts-tree/src/chart-tree.vue
@@ -30,7 +30,7 @@ export default {
       }
 
       const option = tree(columns, rows, this.settings, extra)
-      this.option = { ...option }
+      this.huiChartOption = { ...option }
     }
   }
 }
diff --git a/packages/vue/src/huicharts/huicharts-waterfall/src/chart-waterfall.vue b/packages/vue/src/huicharts/huicharts-waterfall/src/chart-waterfall.vue
index 434c46691d..c3ab03129e 100644
--- a/packages/vue/src/huicharts/huicharts-waterfall/src/chart-waterfall.vue
+++ b/packages/vue/src/huicharts/huicharts-waterfall/src/chart-waterfall.vue
@@ -29,7 +29,7 @@ export default {
       }
       const option = waterfall(columns, rows, this.settings, extra)
 
-      this.option = {
+      this.huiChartOption = {
         ...option
       }
     }
diff --git a/packages/vue/src/huicharts/huicharts-wordcloud/src/chart-wordcloud.vue b/packages/vue/src/huicharts/huicharts-wordcloud/src/chart-wordcloud.vue
index bd94c205b3..b64584deea 100644
--- a/packages/vue/src/huicharts/huicharts-wordcloud/src/chart-wordcloud.vue
+++ b/packages/vue/src/huicharts/huicharts-wordcloud/src/chart-wordcloud.vue
@@ -28,7 +28,7 @@ export default {
         tooltipVisible: this.tooltipVisible
       }
       const option = wordcloud(columns, rows, this.settings, extra)
-      this.option = {
+      this.huiChartOption = {
         ...option
       }
     }
diff --git a/packages/vue/src/input/src/mobile-first.vue b/packages/vue/src/input/src/mobile-first.vue
index 692f3555e9..8a0ac927ed 100644
--- a/packages/vue/src/input/src/mobile-first.vue
+++ b/packages/vue/src/input/src/mobile-first.vue
@@ -301,7 +301,7 @@
               class="float-right relative top-px clear-both text-color-brand text-sm leading-3 cursor-pointer"
               >{{ t('ui.input.more') }}></span
             >
-            {{ state.displayOnlyText }}
+            <span>{{ state.displayOnlyText }}</span>
           </span>
         </div>
       </tiny-tooltip>
diff --git a/packages/vue/src/input/src/pc.vue b/packages/vue/src/input/src/pc.vue
index f375e23728..3631535d7e 100644
--- a/packages/vue/src/input/src/pc.vue
+++ b/packages/vue/src/input/src/pc.vue
@@ -11,6 +11,7 @@
  -->
 <template>
   <div
+    v-bind="a($attrs, ['class'])"
     :class="[
       $attrs.class,
       type === 'textarea' ? 'tiny-textarea' : 'tiny-input',
@@ -28,7 +29,6 @@
         'tiny-input-underline': inputBoxType === 'underline'
       }
     ]"
-    :style="$attrs.style"
     @mouseenter="
       ($event) => {
         state.hovering = true
@@ -166,16 +166,11 @@
         <slot name="panel"></slot>
       </div>
     </template>
-    <span
-      :class="[
-        autosize ? 'tiny-textarea-autosize-display-only' : 'tiny-textarea-display-only',
-        hoverExpand && 'tiny-textarea__inner-con'
-      ]"
-      v-else
-    >
+    <span v-else :class="['tiny-textarea-display-only', hoverExpand && 'tiny-textarea__inner-con']">
       <tiny-tooltip
         v-if="state.isDisplayOnly"
         :disabled="!showTooltip"
+        pre
         effect="light"
         :content="state.displayOnlyTooltip"
         placement="top"
@@ -187,7 +182,7 @@
             <span v-if="state.showMoreBtn" @click="state.showDisplayOnlyBox = true" class="more-btn"
               >{{ t('ui.input.more') }}></span
             >
-            {{ state.displayOnlyText }}
+            <span>{{ state.displayOnlyText }}</span>
           </span>
         </div>
       </tiny-tooltip>
@@ -260,6 +255,7 @@ import '@opentiny/vue-theme/input/index.less'
 import '@opentiny/vue-theme/textarea/index.less'
 
 export default defineComponent({
+  inheritAttrs: false, // 勿删，兼容灵雀特殊场景,MR#1861
   emits: [
     'update:modelValue',
     'change',
diff --git a/packages/vue/src/numeric/src/mobile-first.vue b/packages/vue/src/numeric/src/mobile-first.vue
index 72ba237bae..e4635502d0 100644
--- a/packages/vue/src/numeric/src/mobile-first.vue
+++ b/packages/vue/src/numeric/src/mobile-first.vue
@@ -106,7 +106,7 @@
       class="sm:leading-normal text-color-text-primary"
       :class="state.inputSize !== 'mini' ? 'text-sm' : 'text-xs'"
     >
-      <span>{{ state.displayValue }}</span
+      <span>{{ state.displayOnlyText }}</span
       ><span v-if="unit && !hideUnit" class="ml-2">{{ unit }}</span>
     </div>
     <div
diff --git a/packages/vue/src/query-builder/src/components/InlineCombinator.vue b/packages/vue/src/query-builder/src/components/InlineCombinator.vue
index fc1be2c9ea..50bc9c50ea 100644
--- a/packages/vue/src/query-builder/src/components/InlineCombinator.vue
+++ b/packages/vue/src/query-builder/src/components/InlineCombinator.vue
@@ -6,7 +6,6 @@
 
 <script lang="ts">
 import { defineComponent } from '@opentiny/vue-common'
-
 import { standardClassnames, TestID } from '../defaults'
 import ValueSelector from './ValueSelector.vue'
 
diff --git a/packages/vue/src/query-builder/src/components/QueryBuilder.vue b/packages/vue/src/query-builder/src/components/QueryBuilder.vue
index 535d073cfb..c39795562c 100644
--- a/packages/vue/src/query-builder/src/components/QueryBuilder.vue
+++ b/packages/vue/src/query-builder/src/components/QueryBuilder.vue
@@ -70,6 +70,7 @@ export default defineComponent({
     'showNotToggle',
     'showCloneButtons',
     'showLockButtons',
+    'allowDelAll',
     'resetOnFieldChange',
     'resetOnOperatorChange',
     'autoSelectField',
diff --git a/packages/vue/src/query-builder/src/components/RuleComponents.vue b/packages/vue/src/query-builder/src/components/RuleComponents.vue
index e999914f58..c91ec6527e 100644
--- a/packages/vue/src/query-builder/src/components/RuleComponents.vue
+++ b/packages/vue/src/query-builder/src/components/RuleComponents.vue
@@ -51,6 +51,7 @@
       :context="r.context"
       :validation="r.validationResult"
       :schema="r.schema"
+      :bindProps="(r.schema.bindProps && r.schema.bindProps.midSelect) || {}"
     ></component>
 
     <template
diff --git a/packages/vue/src/query-builder/src/components/input.vue b/packages/vue/src/query-builder/src/components/input.vue
index 560891ef8e..fcdaeb29e9 100644
--- a/packages/vue/src/query-builder/src/components/input.vue
+++ b/packages/vue/src/query-builder/src/components/input.vue
@@ -17,7 +17,7 @@
   <tiny-date-picker
     v-else-if="['date', 'datetime-local'].includes(type)"
     v-model="modelValue"
-    value-format="yyyy-MM-dd"
+    :value-format="dateProps.valueFormat || 'yyyy-MM-dd'"
     v-bind="dateProps"
     v-on="events"
     @update:modelValue="update"
@@ -25,8 +25,8 @@
   <tiny-time-picker
     v-else-if="type === 'time'"
     v-model="modelValue"
-    format="hh:mm"
-    value-format="shortTime"
+    :format="timeProps.format || 'hh:mm'"
+    :value-format="timeProps.valueFormat || 'shortTime'"
     v-bind="timeProps"
     v-on="events"
     @update:modelValue="update"
diff --git a/packages/vue/src/query-builder/src/hooks/useQueryBuilder.ts b/packages/vue/src/query-builder/src/hooks/useQueryBuilder.ts
index 7887463e9a..b768a98178 100644
--- a/packages/vue/src/query-builder/src/hooks/useQueryBuilder.ts
+++ b/packages/vue/src/query-builder/src/hooks/useQueryBuilder.ts
@@ -68,6 +68,7 @@ export const useQueryBuilder = <RG extends RuleGroupType | RuleGroupTypeIC>(
     showCombinatorsBetweenRules = false,
     showNotToggle = false,
     showCloneButtons = false,
+    allowDelAll = false,
     showLockButtons = false,
     showBranches = true,
     resetOnFieldChange = true,
@@ -585,6 +586,7 @@ export const useQueryBuilder = <RG extends RuleGroupType | RuleGroupTypeIC>(
       showCombinatorsBetweenRules,
       showNotToggle,
       showCloneButtons,
+      allowDelAll,
       showLockButtons,
       autoSelectField,
       autoSelectOperator,
@@ -622,6 +624,7 @@ export const useQueryBuilder = <RG extends RuleGroupType | RuleGroupTypeIC>(
       listsAsArrays,
       parseNumbers,
       showCloneButtons,
+      allowDelAll,
       showCombinatorsBetweenRules,
       showLockButtons,
       showNotToggle,
diff --git a/packages/vue/src/query-builder/src/hooks/useRule.ts b/packages/vue/src/query-builder/src/hooks/useRule.ts
index 8e2328054b..0c80191877 100644
--- a/packages/vue/src/query-builder/src/hooks/useRule.ts
+++ b/packages/vue/src/query-builder/src/hooks/useRule.ts
@@ -103,7 +103,11 @@ export const useRule = (props: RuleProps) => {
 
   const removeRule = (_event?: any) => {
     if (!disabled) {
-      onRuleRemove(onlyOne ? path.slice(0, -1) : path)
+      if (schema.allowDelAll) {
+        onRuleRemove(path)
+      } else {
+        onRuleRemove(onlyOne ? path.slice(0, -1) : path)
+      }
     }
   }
 
diff --git a/packages/vue/src/query-builder/src/pc.vue b/packages/vue/src/query-builder/src/pc.vue
index abfe1cf42b..07e67dffae 100644
--- a/packages/vue/src/query-builder/src/pc.vue
+++ b/packages/vue/src/query-builder/src/pc.vue
@@ -47,7 +47,7 @@ export default defineComponent({
     showClearBtn() {
       const rules = this.query?.rules || []
 
-      return this.getRuleTotal(rules) <= 1
+      return !this.config.allowDelAll && this.getRuleTotal(rules) <= 1
     },
     style() {
       return !this.maxHeight
diff --git a/packages/vue/src/query-builder/src/ts/propsUsingFrame.ts b/packages/vue/src/query-builder/src/ts/propsUsingFrame.ts
index bbce418dc7..096a9ef14a 100644
--- a/packages/vue/src/query-builder/src/ts/propsUsingFrame.ts
+++ b/packages/vue/src/query-builder/src/ts/propsUsingFrame.ts
@@ -124,6 +124,7 @@ export interface Schema {
   showCombinatorsBetweenRules: boolean
   showNotToggle: boolean
   showCloneButtons: boolean
+  allowDelAll: boolean
   showLockButtons: boolean
   autoSelectField: boolean
   autoSelectOperator: boolean
@@ -393,6 +394,10 @@ type QueryBuilderPropsBase<RG extends RuleGroupType | RuleGroupTypeIC> = (RG ext
      * Show the "Clone rule" and "Clone group" buttons
      */
     showCloneButtons?: boolean
+    /**
+     * Allow all rules to be deleted
+     */
+    allowDelAll?: boolean
     /**
      * Show the "Lock rule" and "Lock group" buttons
      */
diff --git a/packages/vue/src/select-dropdown/src/mobile-first.vue b/packages/vue/src/select-dropdown/src/mobile-first.vue
index 80fc5b5308..fdc7152e10 100644
--- a/packages/vue/src/select-dropdown/src/mobile-first.vue
+++ b/packages/vue/src/select-dropdown/src/mobile-first.vue
@@ -29,6 +29,7 @@
     <div
       data-tag="tiny-select-dropdown-main"
       ref="drawerBox"
+      @mousedown.stop
       :style="{ 'z-index': state.zIndex }"
       :class="
         m(
diff --git a/packages/vue/src/select/src/index.ts b/packages/vue/src/select/src/index.ts
index 5790409f52..e614bc7497 100644
--- a/packages/vue/src/select/src/index.ts
+++ b/packages/vue/src/select/src/index.ts
@@ -308,6 +308,15 @@ export default defineComponent({
         return {}
       }
     },
+    showEmptyValue: Boolean,
+    dropdownHeight: {
+      type: String,
+      default: 'initial'
+    },
+    stopPropagation: {
+      type: Boolean,
+      default: undefined
+    },
     // 以下为 tiny 新增
     searchable: {
       type: Boolean,
diff --git a/packages/vue/src/select/src/mobile-first.vue b/packages/vue/src/select/src/mobile-first.vue
index 132f9f5f16..b4680b3079 100644
--- a/packages/vue/src/select/src/mobile-first.vue
+++ b/packages/vue/src/select/src/mobile-first.vue
@@ -10,12 +10,7 @@
         state.inputHovering = false
       }
     "
-    @mouseenter.self="
-      () => {
-        state.selectHover = true
-        state.inputHovering = true
-      }
-    "
+    @mouseenter.self="onMouseenterSelf"
     @click="toggleMenu"
     v-clickoutside="handleClose"
     v-bind="a($attrs, ['class', 'style'], true)"
@@ -29,7 +24,7 @@
         { 'z-[2]': state.isExpand && hoverExpand && (state.inputHovering || state.visible) }
       ]"
       :title="
-        multiple && !state.selectDisabled
+        multiple && !state.selectDisabled && state.selected.length
           ? state.selected.map((item) => (item.state ? item.state.currentLabel : item.currentLabel)).join('; ')
           : !multiple && state.selectDisabled
             ? state.selectedLabel
@@ -265,6 +260,7 @@
         :unselectable="state.readonly ? 'on' : 'off'"
         :validate-event="false"
         :tabindex="multiple && filterable ? '-1' : tabindex"
+        :show-empty-value="showEmptyValue"
         @focus="handleFocus"
         @blur="handleBlur"
         @keyup="debouncedOnInputChange"
@@ -300,9 +296,10 @@
             @click="handleClearClick"
             @mouseenter="state.inputHovering = true"
           ></icon-close>
+          <!-- tiny 新增： 必须使用 state.getIcon.icon -->
           <component
             v-show="!(remote && filterable && !remoteConfig.showIcon)"
-            :is="dropdownIcon"
+            :is="state.getIcon.icon"
             :class="
               m(
                 gcls('caret'),
@@ -338,6 +335,7 @@
           :style="dropStyle"
           :popper-options="popperOptions"
           :class="m('duration-300')"
+          :height="dropdownHeight"
         >
           <div
             v-if="shape && filterable"
@@ -383,7 +381,6 @@
                 ref="scrollbar"
                 style="height: 100%"
                 :key-field="valueField"
-                :key="state.magicKey"
                 :list-class="[
                   'tiny-select-dropdown__wrap sm:max-h-56 pb-1 sm:pb-0',
                   state.device === 'mb' ? 'scrollbar-size-0' : ''
@@ -711,7 +708,9 @@ export default defineComponent({
     'searchPlaceholder',
     'initLabel',
     'blank',
+    'showEmptyValue',
     'tooltipConfig',
+    'dropdownHeight',
     'allText'
   ],
   setup(props, context) {
diff --git a/packages/vue/src/select/src/pc.vue b/packages/vue/src/select/src/pc.vue
index e494e5409e..5812d753ec 100644
--- a/packages/vue/src/select/src/pc.vue
+++ b/packages/vue/src/select/src/pc.vue
@@ -33,12 +33,7 @@
         state.inputHovering = false
       }
     "
-    @mouseenter.self="
-      () => {
-        state.selectHover = true
-        state.inputHovering = true
-      }
-    "
+    @mouseenter.self="onMouseenterSelf"
     @click="toggleMenu"
     v-clickoutside="handleClose"
   >
@@ -228,7 +223,8 @@
             >
               <span>
                 <span v-for="item in state.selected" :key="item.value">
-                  <slot name="label" :item="item">{{ item.state ? item.state.currentLabel : item.currentLabel }}</slot>
+                  <slot name="label" :item="item">{{ item.state ? item.state.currentLabel : item.currentLabel }}</slot
+                  >;
                 </span>
               </span>
 
@@ -293,11 +289,14 @@
           :display-only-content="state.displayOnlyContent"
           :unselectable="state.readonly ? 'on' : 'off'"
           :validate-event="false"
+          :show-empty-value="showEmptyValue"
           :inputBoxType="inputBoxType"
           :class="{
             'is-focus': state.visible,
             overflow: state.overflow,
-            'is-show-close': state.showClose
+            'is-show-close': state.showClose,
+            'show-copy': copyable,
+            'show-clear': clearable
           }"
           :tabindex="multiple && filterable ? '-1' : tabindex"
           @focus="handleFocus"
@@ -456,7 +455,6 @@
               <tiny-recycle-scroller
                 ref="scrollbar"
                 style="height: 100%"
-                :key="state.magicKey"
                 :key-field="valueField"
                 :list-class="['tiny-select-dropdown__wrap']"
                 :item-class="['tiny-select-dropdown__item-view']"
@@ -772,6 +770,8 @@ export default defineComponent({
     'initLabel',
     'blank',
     'tooltipConfig',
+    'showEmptyValue',
+    'stopPropagation',
     // 以下为 tiny 新增
     'searchable',
     'showEmptyImage',
diff --git a/packages/vue/src/tabs/src/mobile-first/tab-bar.vue b/packages/vue/src/tabs/src/mobile-first/tab-bar.vue
index 9d7da67db6..5ab88d9afa 100644
--- a/packages/vue/src/tabs/src/mobile-first/tab-bar.vue
+++ b/packages/vue/src/tabs/src/mobile-first/tab-bar.vue
@@ -54,7 +54,7 @@ export default defineComponent({
           ref: 'tabMore',
           attrs: { 'data-tag': 'tiny-tab-more' },
           class: [
-            'inline-flex w-max h-11 sm:h-10 absolute top-0 right-0 z-0 bg-color-bg-1',
+            'inline-flex w-max h-11 sm:h-10 absolute top-0 right-0 z-20 bg-color-bg-1 before:content-[""] before:block before:absolute before:bg-color-border-separator before:h-px before:w-full before:bottom-px',
             state.moreRight ? 'shadow-[-1px_-10px_4px_4px_rgba(0,0,0,0.08)]' : ''
           ]
         },
diff --git a/packages/vue/src/tabs/src/mobile-first/tab-nav.vue b/packages/vue/src/tabs/src/mobile-first/tab-nav.vue
index 4a2163d3d3..57f7632b8e 100644
--- a/packages/vue/src/tabs/src/mobile-first/tab-nav.vue
+++ b/packages/vue/src/tabs/src/mobile-first/tab-nav.vue
@@ -28,9 +28,12 @@ export default defineComponent({
           : null
       ),
       h('div', {
-        class: m('absolute bottom-0.5 h-0.5 bg-color-brand transition-all duration-300', {
-          'hidden': !state.currentNav
-        }),
+        class: m(
+          'absolute bg-color-brand transition-all duration-300 z-20 rounded-full bottom-px h-px py-px box-content',
+          {
+            'hidden': !state.currentNav
+          }
+        ),
         style: { width: state.currentWidth + 'px', left: state.currentPosition + 'px' }
       })
     ])
diff --git a/packages/vue/src/tabs/src/tab-nav/pc.vue b/packages/vue/src/tabs/src/tab-nav/pc.vue
index ac92ff4a1e..d4a704d39c 100644
--- a/packages/vue/src/tabs/src/tab-nav/pc.vue
+++ b/packages/vue/src/tabs/src/tab-nav/pc.vue
@@ -15,7 +15,7 @@ import { t } from '@opentiny/vue-locale'
 import { renderless, api } from '@opentiny/vue-renderless/tab-nav/vue'
 import Dropdown from '@opentiny/vue-dropdown'
 import DropdownMenu from '@opentiny/vue-dropdown-menu'
-import DropdownItem from '@opentiny/vue-dropdown-item'
+import TabDropdownItem from './tab-dropdown-item.vue'
 import Tooltip from '@opentiny/vue-tooltip'
 import { iconChevronLeft, iconChevronRight, iconClose } from '@opentiny/vue-icon'
 import type { ITabNavApi } from '@opentiny/vue-renderless/types/tab-nav.type'
@@ -28,7 +28,7 @@ export default defineComponent({
     TabBar,
     Dropdown,
     DropdownMenu,
-    DropdownItem,
+    TabDropdownItem,
     Tooltip,
     IconChevronLeft: iconChevronLeft(),
     IconChevronRight: iconChevronRight(),
@@ -69,11 +69,11 @@ export default defineComponent({
 
     const spans = [
       <span class={['tiny-tabs__nav-prev', state.scrollable.prev ? '' : 'is-disabled']} onClick={scrollPrev}>
-        <icon-chevron-left />
+        <IconChevronLeft />
       </span>,
       !showMoreTabs ? (
         <span class={['tiny-tabs__nav-next', state.scrollable.next ? '' : 'is-disabled']} onClick={scrollNext}>
-          <icon-chevron-right />
+          <IconChevronRight />
         </span>
       ) : null
     ]
@@ -97,26 +97,21 @@ export default defineComponent({
           ? dropdowpList.map((pane, index) => {
               const tabName = pane.name || pane.state.index || index
               const tabLabelContent = pane.$slots.title || pane.title
-              const tabindex = pane.state.active ? 0 : -1
 
               pane.state.index = `${index + showPanesCount}`
 
-              return (
-                <dropdown-item
-                  class="tiny-tabs__more-item"
-                  tabindex={tabindex}
-                  onFocus={() => {
-                    setFocus()
-                  }}
-                  onBlur={() => {
-                    removeFocus()
-                  }}
-                  onClick={(e) => {
-                    removeFocus()
-                    onTabClick(pane, tabName, e)
-                  }}>
-                  {typeof tabLabelContent === 'function' ? tabLabelContent() : tabLabelContent}
-                </dropdown-item>
+              return h(
+                TabDropdownItem,
+                {
+                  class: 'tiny-tabs__more-item',
+                  attrs: {
+                    itemClick(e) {
+                      removeFocus()
+                      onTabClick(pane, tabName, e)
+                    }
+                  }
+                },
+                [typeof tabLabelContent === 'function' ? tabLabelContent() : tabLabelContent]
               )
             })
           : null
@@ -156,7 +151,7 @@ export default defineComponent({
 
       const btnClose = withClose ? (
         <span class="tiny-tabs__icon-close">
-          <icon-close
+          <IconClose
             onClick={(e) => {
               onTabRemove(pane, e)
             }}
@@ -281,7 +276,7 @@ export default defineComponent({
             style={state.navStyle}
             role="tablist"
             on-keydown={changeTab}>
-            {!tabStyle ? <tab-bar ref="tabBar" tabs={panes} /> : null}
+            {!tabStyle ? <TabBar ref="tabBar" tabs={panes} /> : null}
             {tabs}
           </div>
         </div>
diff --git a/packages/vue/src/tabs/src/tab-nav/tab-dropdown-item.vue b/packages/vue/src/tabs/src/tab-nav/tab-dropdown-item.vue
new file mode 100644
index 0000000000..1a69f5af29
--- /dev/null
+++ b/packages/vue/src/tabs/src/tab-nav/tab-dropdown-item.vue
@@ -0,0 +1,21 @@
+<template>
+  <tiny-dropdown-item @click.native="itemClick">
+    <slot></slot>
+  </tiny-dropdown-item>
+</template>
+
+<script lang="ts">
+import { $prefix, $props, defineComponent } from '@opentiny/vue-common'
+import DropdownItem from '@opentiny/vue-dropdown-item'
+
+export default defineComponent({
+  name: $prefix + 'TabDropdownItem',
+  components: {
+    TinyDropdownItem: DropdownItem
+  },
+  props: {
+    ...$props,
+    itemClick: { type: Function }
+  }
+})
+</script>
diff --git a/packages/vue/src/upload/src/index.ts b/packages/vue/src/upload/src/index.ts
index 0c0613d6e5..03ee529fc5 100644
--- a/packages/vue/src/upload/src/index.ts
+++ b/packages/vue/src/upload/src/index.ts
@@ -91,6 +91,10 @@ export const uploadProps = {
   promptTip: {
     type: Boolean,
     default: false
+  },
+  showFileList: {
+    type: Boolean,
+    default: true
   }
 }
 
diff --git a/packages/vue/src/year-table/src/mobile-first.vue b/packages/vue/src/year-table/src/mobile-first.vue
index 4793ad72d4..36e6874b41 100644
--- a/packages/vue/src/year-table/src/mobile-first.vue
+++ b/packages/vue/src/year-table/src/mobile-first.vue
@@ -6,13 +6,8 @@
     @click="handleYearTableClick"
   >
     <tbody>
-      <tr v-for="(row, key) in state.rows" :key="key">
-        <td
-          v-for="(cell, key) in row"
-          class="text-center cursor-pointer py-4 px-0"
-          :data-class="getCellStyle(cell)"
-          :key="key"
-        >
+      <tr v-for="(row, trKey) in state.rows" :key="trKey">
+        <td v-for="(cell, tdKey) in row" class="text-center cursor-pointer py-4 px-0" :key="tdKey">
           <div
             :class="
               m(
@@ -26,21 +21,21 @@
               :class="
                 m(
                   'w-12 h-12 leading-[theme(spacing.12)] box-border block text-color-text-primary my-0 rounded hover:bg-color-brand-hover-subtle',
-                  { 'border border-solid border-color-border-focus leading-[46px]': state.today },
+                  { 'border border-solid border-color-border-focus leading-[46px]': state.currentYear === cell.text },
                   { 'my-0 mx-auto': !cell.inRange },
                   { 'text-color-text-inverse bg-color-brand': cell.start },
                   { 'text-color-text-inverse bg-color-brand': cell.end },
                   {
                     'bg-color-bg-3 cursor-not-allowed text-color-text-disabled hover:text-color-text-disabled hover:bg-color-bg-3':
-                      state.disabled
+                      getIsDisabled(cell.text)
                   },
                   {
                     'text-color-text-inverse bg-color-brand hover:text-color-text-inverse hover:bg-color-brand':
-                      state.current && !state.disabled
+                      getIsCurrent(cell.text) && !getIsDisabled(cell.text)
                   }
                 )
               "
-              :aria-disabled="state.disabled ? true : undefined"
+              :aria-disabled="getIsDisabled(cell.text) ? true : undefined"
               >{{ cell.text }}</a
             >
           </div>
diff --git a/packages/vue/src/year-table/src/pc.vue b/packages/vue/src/year-table/src/pc.vue
index 1fc16ffb7f..c2b446d01e 100644
--- a/packages/vue/src/year-table/src/pc.vue
+++ b/packages/vue/src/year-table/src/pc.vue
@@ -13,10 +13,25 @@
 <template>
   <table class="tiny-year-table" @mousemove="handleMouseMove" @click="handleYearTableClick">
     <tbody>
-      <tr v-for="(row, key) in state.rows" :key="key">
-        <td v-for="(cell, key) in row" class="available" :class="getCellStyle(cell)" :key="key">
+      <tr v-for="(row, trKey) in state.rows" :key="trKey">
+        <td
+          v-for="(cell, tdKey) in row"
+          class="available"
+          :key="tdKey"
+          :class="[
+            {
+              'disabled': getIsDisabled(cell.text),
+              'current': getIsCurrent(cell.text),
+              'default': getIsDefault(cell.text),
+              'today': state.currentYear === cell.text,
+              'in-range': cell.inRange,
+              'start-date': cell.start,
+              'end-date': cell.end
+            }
+          ]"
+        >
           <div>
-            <a class="cell" :aria-disabled="state.disabled ? true : undefined">{{ cell.text }}</a>
+            <a class="cell" :aria-disabled="getIsDisabled(cell.text) ? true : undefined">{{ cell.text }}</a>
           </div>
         </td>
       </tr>