@vunk/form 2.17.2 → 2.18.0

package/components/upload-plus/index.cjs

@@ -14,6 +14,7 @@ var platform = require('@skzz/platform/shared/fetch/platform');
 var index$1 = require('../index.cjs');
 var composables = require('@vunk/core/composables');
 var _class = require('@vunk/shared/class');
+var elementPlus$1 = require('@vunk/form/composables/element-plus');
 var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
 
 const props = {
@@ -18251,6 +18252,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const ToggleHandler = _class.ToggleHandler;
     const props = __props;
     const emit = __emit;
+    const { tr } = elementPlus$1.useLocale();
     const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props);
     const uuid = Math.random().toString(36).slice(-8);
     const containerFile = composables.useModelComputed({
@@ -18317,14 +18319,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         fileStatus.value = Status.error;
         elementPlus.ElMessage({
           type: "error",
-          message: "\u4E0A\u4F20\u5931\u8D25"
+          message: tr("vkf.uploadPlus.uploadFailed", "\u4E0A\u4F20\u5931\u8D25")
         });
         return;
       }
       if (uploaded) {
         elementPlus.ElMessage({
           type: "success",
-          message: "\u4E0A\u4F20\u6210\u529F"
+          message: tr("vkf.uploadPlus.uploadSuccess", "\u4E0A\u4F20\u6210\u529F")
         });
         emit("success", mergedFile);
         fileStatus.value = Status.done;
@@ -18358,7 +18360,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         fileStatus.value = Status.error;
         elementPlus.ElMessage({
           type: "error",
-          message: "\u4E0A\u4F20\u5931\u8D25"
+          message: tr("vkf.uploadPlus.uploadFailed", "\u4E0A\u4F20\u5931\u8D25")
         });
       });
     };
@@ -18439,7 +18441,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         console.error("\u5408\u5E76\u5931\u8D25", err);
         elementPlus.ElMessage({
           type: "error",
-          message: "\u5408\u5E76\u5931\u8D25"
+          message: tr("vkf.uploadPlus.mergeFailed", "\u5408\u5E76\u5931\u8D25")
         });
         throw err;
       }).finally(() => {
@@ -18470,7 +18472,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     vue.onBeforeUnmount(() => {
       offlineToggle.remove();
     });
-    const __returned__ = { vLoading, ToggleHandler, props, emit, formItemBindProps, uuid, containerFile, fileStatus, containerHash, chunks, uploadingXhrs, filePrefixIcon, handleFileChange, handleUpload, handlePause, cUploadedChunks, merging, cFile, OnlineToggle, offlineToggle, get VkfFormItem() {
+    const __returned__ = { vLoading, ToggleHandler, props, emit, tr, formItemBindProps, uuid, containerFile, fileStatus, containerHash, chunks, uploadingXhrs, filePrefixIcon, handleFileChange, handleUpload, handlePause, cUploadedChunks, merging, cFile, OnlineToggle, offlineToggle, get VkfFormItem() {
       return formItem.VkfFormItem;
     }, get ElInput() {
       return elementPlus.ElInput;
@@ -18496,11 +18498,12 @@ const _hoisted_3 = {
   key: 0,
   class: "vkf-upload-plus-msg-x"
 };
-const _hoisted_4 = {
+const _hoisted_4 = { class: "vkf-upload-plus-msg" };
+const _hoisted_5 = {
   key: 1,
   class: "vkf-upload-plus-cube-x"
 };
-const _hoisted_5 = ["id", "accept"];
+const _hoisted_6 = ["id", "accept"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createBlock(
     $setup["VkfFormItem"],
@@ -18519,8 +18522,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               }),
               "model-value": $setup.containerFile?.name,
               "prefix-icon": $setup.filePrefixIcon,
-              placeholder: "\u8BF7\u9009\u62E9\u6587\u4EF6"
-            }, null, 8, ["class", "model-value", "prefix-icon"]),
+              placeholder: $setup.tr("vkf.uploadPlus.selectFile", "\u8BF7\u9009\u62E9\u6587\u4EF6")
+            }, null, 8, ["class", "model-value", "prefix-icon", "placeholder"]),
             $setup.fileStatus === $setup.Status.done ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
               vue.createVNode($setup["ElIcon"], null, {
                 default: vue.withCtx(() => [
@@ -18529,15 +18532,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 _: 1
                 /* STABLE */
               }),
-              _cache[0] || (_cache[0] = vue.createElementVNode(
+              vue.createElementVNode(
                 "span",
-                { class: "vkf-upload-plus-msg" },
-                " \u4E0A\u4F20\u6210\u529F ",
-                -1
-                /* CACHED */
-              ))
+                _hoisted_4,
+                vue.toDisplayString($setup.tr("vkf.uploadPlus.uploadSuccess", "\u4E0A\u4F20\u6210\u529F")),
+                1
+                /* TEXT */
+              )
             ])) : vue.createCommentVNode("v-if", true),
-            $setup.fileStatus === $setup.Status.uploading || $setup.fileStatus === $setup.Status.pause ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+            $setup.fileStatus === $setup.Status.uploading || $setup.fileStatus === $setup.Status.pause ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
               (vue.openBlock(true), vue.createElementBlock(
                 vue.Fragment,
                 null,
@@ -18585,18 +18588,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             class: "vkf-upload-plus-input",
             accept: _ctx.accept,
             onChange: $setup.handleFileChange
-          }, null, 40, _hoisted_5),
+          }, null, 40, _hoisted_6),
           vue.createVNode($setup["ElButtonGroup"], { class: "vkf-upload-plus-btng" }, {
             default: vue.withCtx(() => [
               $setup.merging ? vue.withDirectives((vue.openBlock(), vue.createBlock($setup["ElButton"], {
                 key: 0,
                 type: "success"
               }, {
-                default: vue.withCtx(() => _cache[1] || (_cache[1] = [
-                  vue.createTextVNode(" \u5408\u5E76 ")
-                ])),
-                _: 1,
-                __: [1]
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(
+                    vue.toDisplayString($setup.tr("vkf.uploadPlus.merge", "\u5408\u5E76")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
               })), [
                 [$setup["vLoading"], $setup.merging]
               ]) : $setup.fileStatus === $setup.Status.uploading ? (vue.openBlock(), vue.createBlock($setup["ElButton"], {
@@ -18604,32 +18611,44 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 type: "danger",
                 onClick: $setup.handlePause
               }, {
-                default: vue.withCtx(() => _cache[2] || (_cache[2] = [
-                  vue.createTextVNode(" \u6682\u505C ")
-                ])),
-                _: 1,
-                __: [2]
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(
+                    vue.toDisplayString($setup.tr("vkf.common.pause", "\u6682\u505C")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
               })) : $setup.fileStatus === $setup.Status.done ? (vue.openBlock(), vue.createBlock($setup["ElButton"], {
                 key: 2,
                 type: "success",
                 disabled: ""
               }, {
-                default: vue.withCtx(() => _cache[3] || (_cache[3] = [
-                  vue.createTextVNode(" \u5DF2\u4F20 ")
-                ])),
-                _: 1,
-                __: [3]
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(
+                    vue.toDisplayString($setup.tr("vkf.uploadPlus.uploaded", "\u5DF2\u4F20")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
               })) : (vue.openBlock(), vue.createBlock($setup["ElButton"], {
                 key: 3,
                 type: "primary",
                 disabled: !$setup.containerFile,
                 onClick: $setup.handleUpload
               }, {
-                default: vue.withCtx(() => _cache[4] || (_cache[4] = [
-                  vue.createTextVNode(" \u4E0A\u4F20 ")
-                ])),
-                _: 1,
-                __: [4]
+                default: vue.withCtx(() => [
+                  vue.createTextVNode(
+                    vue.toDisplayString($setup.tr("vkf.common.upload", "\u4E0A\u4F20")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
               }, 8, ["disabled"]))
             ]),
             _: 1

package/components/upload-plus/index.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, watchEffect, watch, ref, computed, onBeforeUnmount, openBlock, createBlock, mergeProps, withCtx, createElementVNode, createVNode, normalizeClass, createElementBlock, createCommentVNode, Fragment, renderList, normalizeStyle, withDirectives, createTextVNode } from 'vue';
+import { defineComponent, watchEffect, watch, ref, computed, onBeforeUnmount, openBlock, createBlock, mergeProps, withCtx, createElementVNode, createVNode, normalizeClass, createElementBlock, toDisplayString, createCommentVNode, Fragment, renderList, normalizeStyle, withDirectives, createTextVNode } from 'vue';
 import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
 import { ElMessage, ElInput, ElButtonGroup, ElButton, ElIcon, vLoading } from 'element-plus';
 import { createFileChunk, calculateFileHashSample } from '@vunk/form/shared/upload';
@@ -10,6 +10,7 @@ import { restFetch as restFetch$1 } from '@skzz/platform/shared/fetch/platform';
 import { l as success_filled_default, c as circle_close_filled_default, n as upload_filled_default } from '../index.mjs';
 import { useModelComputed } from '@vunk/core/composables';
 import { ToggleHandler } from '@vunk/shared/class';
+import { useLocale } from '@vunk/form/composables/element-plus';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
 const props = {
@@ -18247,6 +18248,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const ToggleHandler$1 = ToggleHandler;
     const props = __props;
     const emit = __emit;
+    const { tr } = useLocale();
     const formItemBindProps = _VkfFormItemCtx.createBindProps(props);
     const uuid = Math.random().toString(36).slice(-8);
     const containerFile = useModelComputed({
@@ -18313,14 +18315,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         fileStatus.value = Status.error;
         ElMessage({
           type: "error",
-          message: "\u4E0A\u4F20\u5931\u8D25"
+          message: tr("vkf.uploadPlus.uploadFailed", "\u4E0A\u4F20\u5931\u8D25")
         });
         return;
       }
       if (uploaded) {
         ElMessage({
           type: "success",
-          message: "\u4E0A\u4F20\u6210\u529F"
+          message: tr("vkf.uploadPlus.uploadSuccess", "\u4E0A\u4F20\u6210\u529F")
         });
         emit("success", mergedFile);
         fileStatus.value = Status.done;
@@ -18354,7 +18356,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         fileStatus.value = Status.error;
         ElMessage({
           type: "error",
-          message: "\u4E0A\u4F20\u5931\u8D25"
+          message: tr("vkf.uploadPlus.uploadFailed", "\u4E0A\u4F20\u5931\u8D25")
         });
       });
     };
@@ -18435,7 +18437,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         console.error("\u5408\u5E76\u5931\u8D25", err);
         ElMessage({
           type: "error",
-          message: "\u5408\u5E76\u5931\u8D25"
+          message: tr("vkf.uploadPlus.mergeFailed", "\u5408\u5E76\u5931\u8D25")
         });
         throw err;
       }).finally(() => {
@@ -18466,7 +18468,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     onBeforeUnmount(() => {
       offlineToggle.remove();
     });
-    const __returned__ = { vLoading: vLoading$1, ToggleHandler: ToggleHandler$1, props, emit, formItemBindProps, uuid, containerFile, fileStatus, containerHash, chunks, uploadingXhrs, filePrefixIcon, handleFileChange, handleUpload, handlePause, cUploadedChunks, merging, cFile, OnlineToggle, offlineToggle, get VkfFormItem() {
+    const __returned__ = { vLoading: vLoading$1, ToggleHandler: ToggleHandler$1, props, emit, tr, formItemBindProps, uuid, containerFile, fileStatus, containerHash, chunks, uploadingXhrs, filePrefixIcon, handleFileChange, handleUpload, handlePause, cUploadedChunks, merging, cFile, OnlineToggle, offlineToggle, get VkfFormItem() {
       return VkfFormItem;
     }, get ElInput() {
       return ElInput;
@@ -18492,11 +18494,12 @@ const _hoisted_3 = {
   key: 0,
   class: "vkf-upload-plus-msg-x"
 };
-const _hoisted_4 = {
+const _hoisted_4 = { class: "vkf-upload-plus-msg" };
+const _hoisted_5 = {
   key: 1,
   class: "vkf-upload-plus-cube-x"
 };
-const _hoisted_5 = ["id", "accept"];
+const _hoisted_6 = ["id", "accept"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(
     $setup["VkfFormItem"],
@@ -18515,8 +18518,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               }),
               "model-value": $setup.containerFile?.name,
               "prefix-icon": $setup.filePrefixIcon,
-              placeholder: "\u8BF7\u9009\u62E9\u6587\u4EF6"
-            }, null, 8, ["class", "model-value", "prefix-icon"]),
+              placeholder: $setup.tr("vkf.uploadPlus.selectFile", "\u8BF7\u9009\u62E9\u6587\u4EF6")
+            }, null, 8, ["class", "model-value", "prefix-icon", "placeholder"]),
             $setup.fileStatus === $setup.Status.done ? (openBlock(), createElementBlock("div", _hoisted_3, [
               createVNode($setup["ElIcon"], null, {
                 default: withCtx(() => [
@@ -18525,15 +18528,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 _: 1
                 /* STABLE */
               }),
-              _cache[0] || (_cache[0] = createElementVNode(
+              createElementVNode(
                 "span",
-                { class: "vkf-upload-plus-msg" },
-                " \u4E0A\u4F20\u6210\u529F ",
-                -1
-                /* CACHED */
-              ))
+                _hoisted_4,
+                toDisplayString($setup.tr("vkf.uploadPlus.uploadSuccess", "\u4E0A\u4F20\u6210\u529F")),
+                1
+                /* TEXT */
+              )
             ])) : createCommentVNode("v-if", true),
-            $setup.fileStatus === $setup.Status.uploading || $setup.fileStatus === $setup.Status.pause ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            $setup.fileStatus === $setup.Status.uploading || $setup.fileStatus === $setup.Status.pause ? (openBlock(), createElementBlock("div", _hoisted_5, [
               (openBlock(true), createElementBlock(
                 Fragment,
                 null,
@@ -18581,18 +18584,22 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             class: "vkf-upload-plus-input",
             accept: _ctx.accept,
             onChange: $setup.handleFileChange
-          }, null, 40, _hoisted_5),
+          }, null, 40, _hoisted_6),
           createVNode($setup["ElButtonGroup"], { class: "vkf-upload-plus-btng" }, {
             default: withCtx(() => [
               $setup.merging ? withDirectives((openBlock(), createBlock($setup["ElButton"], {
                 key: 0,
                 type: "success"
               }, {
-                default: withCtx(() => _cache[1] || (_cache[1] = [
-                  createTextVNode(" \u5408\u5E76 ")
-                ])),
-                _: 1,
-                __: [1]
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString($setup.tr("vkf.uploadPlus.merge", "\u5408\u5E76")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
               })), [
                 [$setup["vLoading"], $setup.merging]
               ]) : $setup.fileStatus === $setup.Status.uploading ? (openBlock(), createBlock($setup["ElButton"], {
@@ -18600,32 +18607,44 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                 type: "danger",
                 onClick: $setup.handlePause
               }, {
-                default: withCtx(() => _cache[2] || (_cache[2] = [
-                  createTextVNode(" \u6682\u505C ")
-                ])),
-                _: 1,
-                __: [2]
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString($setup.tr("vkf.common.pause", "\u6682\u505C")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
               })) : $setup.fileStatus === $setup.Status.done ? (openBlock(), createBlock($setup["ElButton"], {
                 key: 2,
                 type: "success",
                 disabled: ""
               }, {
-                default: withCtx(() => _cache[3] || (_cache[3] = [
-                  createTextVNode(" \u5DF2\u4F20 ")
-                ])),
-                _: 1,
-                __: [3]
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString($setup.tr("vkf.uploadPlus.uploaded", "\u5DF2\u4F20")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
               })) : (openBlock(), createBlock($setup["ElButton"], {
                 key: 3,
                 type: "primary",
                 disabled: !$setup.containerFile,
                 onClick: $setup.handleUpload
               }, {
-                default: withCtx(() => _cache[4] || (_cache[4] = [
-                  createTextVNode(" \u4E0A\u4F20 ")
-                ])),
-                _: 1,
-                __: [4]
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString($setup.tr("vkf.common.upload", "\u4E0A\u4F20")),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
               }, 8, ["disabled"]))
             ]),
             _: 1

package/components/upload-plus/src/index.vue.d.ts

@@ -248,6 +248,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         "onUpdate:file"?: (...args: any[] | unknown[]) => any;
     }> & {}>;
     emit: ((event: "success", file: FileInfo) => void) & ((event: "update:fileStatus", ...args: unknown[]) => void) & ((event: "update:fileStatus", ...args: any) => void) & ((event: "update:fileStatus", ...args: any[]) => void) & ((event: "update:file", ...args: unknown[]) => void) & ((event: "update:file", ...args: any) => void) & ((event: "update:file", ...args: any[]) => void);
+    tr: import("@vunk/form/composables/element-plus").TranslateWithFallback;
     formItemBindProps: import("vue").ComputedRef<{}>;
     uuid: string;
     containerFile: import("vue").WritableComputedRef<File, File>;

package/components/var-datetime-picker/index.cjs

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var formItem = require('@vunk/form/components/form-item');
 var vue = require('vue');
 var composables = require('@vunk/form/composables');
+var elementPlus$1 = require('@vunk/form/composables/element-plus');
 var vant = require('vant');
 var ui = require('@varlet/ui');
 var elementPlus = require('element-plus');
@@ -134,10 +135,11 @@ var _sfc_main = vue.defineComponent({
     ElTabPane: elementPlus.ElTabPane,
     ElTabs: elementPlus.ElTabs
   },
-  emits,
   props,
+  emits,
   setup(props2, { emit }) {
     const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props2);
+    const { tr } = elementPlus$1.useLocale();
     const varDatePickerType = vue.computed(() => {
       return ElDatePickerTypeReflect[props2.type].varDatePickerType;
     });
@@ -217,7 +219,8 @@ var _sfc_main = vue.defineComponent({
       hasTime,
       currentTab,
       valueTime,
-      valueDate
+      valueDate,
+      tr
     };
   }
 });
@@ -244,49 +247,49 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             vue.createVNode(_component_ElDatePicker, {
               "popper-class": "var-datetime-picker-el-popover",
               "model-value": _ctx.modelValue,
-              onFocus: _ctx.inputBlur,
               type: _ctx.type,
               readonly: true,
-              "value-format": _ctx.valueFormat
-            }, null, 8, ["model-value", "onFocus", "type", "value-format"])
+              "value-format": _ctx.valueFormat,
+              onFocus: _ctx.inputBlur
+            }, null, 8, ["model-value", "type", "value-format", "onFocus"])
           ],
           32
           /* NEED_HYDRATION */
         ),
         vue.createVNode(_component_Popup, {
-          position: "bottom",
           show: _ctx.popupShow,
           "onUpdate:show": _cache[4] || (_cache[4] = ($event) => _ctx.popupShow = $event),
+          position: "bottom",
           round: ""
         }, {
           default: vue.withCtx(() => [
             vue.createVNode(_component_ElTabs, {
+              modelValue: _ctx.currentTab,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.currentTab = $event),
               class: vue.normalizeClass(["var-datetime-picker-el-tabs", {
                 "is-hidden": !_ctx.hasTime
-              }]),
-              modelValue: _ctx.currentTab,
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.currentTab = $event)
+              }])
             }, {
               default: vue.withCtx(() => [
                 vue.createVNode(_component_ElTabPane, {
-                  label: _ctx.valueDate || "\u9009\u62E9\u65E5\u671F",
+                  label: _ctx.valueDate || _ctx.tr("el.datepicker.selectDate", "\u9009\u62E9\u65E5\u671F"),
                   name: "date"
                 }, {
                   default: vue.withCtx(() => [
                     vue.createVNode(_component_DatePicker, {
-                      type: _ctx.varDatePickerType,
-                      range: _ctx.isRange,
                       modelValue: _ctx.valueDate,
                       "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.valueDate = $event),
+                      type: _ctx.varDatePickerType,
+                      range: _ctx.isRange,
                       "allowed-dates": _ctx.allowedDates
-                    }, null, 8, ["type", "range", "modelValue", "allowed-dates"])
+                    }, null, 8, ["modelValue", "type", "range", "allowed-dates"])
                   ]),
                   _: 1
                   /* STABLE */
                 }, 8, ["label"]),
                 _ctx.hasTime ? (vue.openBlock(), vue.createBlock(_component_ElTabPane, {
                   key: 0,
-                  label: _ctx.valueTime || "\u9009\u62E9\u65F6\u95F4",
+                  label: _ctx.valueTime || _ctx.tr("el.datepicker.selectTime", "\u9009\u62E9\u65F6\u95F4"),
                   name: "time"
                 }, {
                   default: vue.withCtx(() => [
@@ -302,7 +305,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ]),
               _: 1
               /* STABLE */
-            }, 8, ["class", "modelValue"])
+            }, 8, ["modelValue", "class"])
           ]),
           _: 1
           /* STABLE */

package/components/var-datetime-picker/index.mjs

@@ -1,6 +1,7 @@
 import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
 import { defineComponent, computed, ref, resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, createElementVNode, createVNode, normalizeClass, createCommentVNode } from 'vue';
 import { useComputedReadonly } from '@vunk/form/composables';
+import { useLocale } from '@vunk/form/composables/element-plus';
 import { Popup } from 'vant';
 import { DatePicker, TimePicker } from '@varlet/ui';
 import { ElDatePicker, ElTabPane, ElTabs, dayjs } from 'element-plus';
@@ -130,10 +131,11 @@ var _sfc_main = defineComponent({
     ElTabPane,
     ElTabs
   },
-  emits,
   props,
+  emits,
   setup(props2, { emit }) {
     const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
+    const { tr } = useLocale();
     const varDatePickerType = computed(() => {
       return ElDatePickerTypeReflect[props2.type].varDatePickerType;
     });
@@ -213,7 +215,8 @@ var _sfc_main = defineComponent({
       hasTime,
       currentTab,
       valueTime,
-      valueDate
+      valueDate,
+      tr
     };
   }
 });
@@ -240,49 +243,49 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             createVNode(_component_ElDatePicker, {
               "popper-class": "var-datetime-picker-el-popover",
               "model-value": _ctx.modelValue,
-              onFocus: _ctx.inputBlur,
               type: _ctx.type,
               readonly: true,
-              "value-format": _ctx.valueFormat
-            }, null, 8, ["model-value", "onFocus", "type", "value-format"])
+              "value-format": _ctx.valueFormat,
+              onFocus: _ctx.inputBlur
+            }, null, 8, ["model-value", "type", "value-format", "onFocus"])
           ],
           32
           /* NEED_HYDRATION */
         ),
         createVNode(_component_Popup, {
-          position: "bottom",
           show: _ctx.popupShow,
           "onUpdate:show": _cache[4] || (_cache[4] = ($event) => _ctx.popupShow = $event),
+          position: "bottom",
           round: ""
         }, {
           default: withCtx(() => [
             createVNode(_component_ElTabs, {
+              modelValue: _ctx.currentTab,
+              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.currentTab = $event),
               class: normalizeClass(["var-datetime-picker-el-tabs", {
                 "is-hidden": !_ctx.hasTime
-              }]),
-              modelValue: _ctx.currentTab,
-              "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.currentTab = $event)
+              }])
             }, {
               default: withCtx(() => [
                 createVNode(_component_ElTabPane, {
-                  label: _ctx.valueDate || "\u9009\u62E9\u65E5\u671F",
+                  label: _ctx.valueDate || _ctx.tr("el.datepicker.selectDate", "\u9009\u62E9\u65E5\u671F"),
                   name: "date"
                 }, {
                   default: withCtx(() => [
                     createVNode(_component_DatePicker, {
-                      type: _ctx.varDatePickerType,
-                      range: _ctx.isRange,
                       modelValue: _ctx.valueDate,
                       "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.valueDate = $event),
+                      type: _ctx.varDatePickerType,
+                      range: _ctx.isRange,
                       "allowed-dates": _ctx.allowedDates
-                    }, null, 8, ["type", "range", "modelValue", "allowed-dates"])
+                    }, null, 8, ["modelValue", "type", "range", "allowed-dates"])
                   ]),
                   _: 1
                   /* STABLE */
                 }, 8, ["label"]),
                 _ctx.hasTime ? (openBlock(), createBlock(_component_ElTabPane, {
                   key: 0,
-                  label: _ctx.valueTime || "\u9009\u62E9\u65F6\u95F4",
+                  label: _ctx.valueTime || _ctx.tr("el.datepicker.selectTime", "\u9009\u62E9\u65F6\u95F4"),
                   name: "time"
                 }, {
                   default: withCtx(() => [
@@ -298,7 +301,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               ]),
               _: 1
               /* STABLE */
-            }, 8, ["class", "modelValue"])
+            }, 8, ["modelValue", "class"])
           ]),
           _: 1
           /* STABLE */

package/components/var-datetime-picker/src/index.vue.d.ts

@@ -115,6 +115,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     currentTab: import("vue").Ref<string, string>;
     valueTime: import("vue").WritableComputedRef<string, string>;
     valueDate: import("vue").WritableComputedRef<string, string>;
+    tr: import("@vunk/form/composables/element-plus").TranslateWithFallback;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/composables/element-plus/index.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var elementPlus = require('element-plus');
+
+const translateFallback = (fallback, option) => {
+  return fallback.replace(
+    /\{(\w+)\}/g,
+    (_, key) => `${option?.[key] ?? `{${key}}`}`
+  );
+};
+const useLocale = (localeOverrides) => {
+  const locale = elementPlus.useLocale(localeOverrides);
+  const tr = (path, fallback, option) => {
+    const value = locale.t(path, option);
+    return value === path ? translateFallback(fallback, option) : value;
+  };
+  return {
+    ...locale,
+    tr
+  };
+};
+
+exports.useLocale = useLocale;

package/composables/element-plus/index.d.ts

@@ -0,0 +1 @@
+export * from './useLocale';