@vunk/form 2.17.2 → 2.18.0

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

@@ -192,6 +192,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }[]>;
     fileStatus: import("vue").WritableComputedRef<Status, Status>;
     filePrefixIcon: import("vue").ComputedRef<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+    tr: import("@vunk/form/composables/element-plus").TranslateWithFallback;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:fileStatus': any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/components/esri-input-geojson/index.cjs

@@ -14,6 +14,7 @@ var SceneView = require('@arcgis/core/views/SceneView');
 var core$1 = require('@vunk/core');
 var Graphic = require('@arcgis/core/Graphic');
 var composables = require('@vunk/form/composables');
+var elementPlus$1 = require('@vunk/form/composables/element-plus');
 var utilsPromise = require('@vunk/core/shared/utils-promise');
 
 var EDIT_TYPE = /* @__PURE__ */ ((EDIT_TYPE2) => {
@@ -105,7 +106,7 @@ const props = {
   },
   dialogEditTitle: {
     type: String,
-    default: "\u7ED8\u5236\u56FE\u6591"
+    default: void 0
   },
   flying: {
     type: Boolean,
@@ -1269,8 +1270,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }) {
     const inputBindProps = input._VkfInputCtx.createBindProps(props2, ["inputSlots", "readonly", "modelValue"]);
     const inputOnEmits = input._VkfInputCtx.createOnEmits(emit, ["update:modelValue"]);
+    const {
+      tr
+    } = elementPlus$1.useLocale();
     const getInputModelValue = v => {
-      const emptyStr = "\u6682\u65E0\u6570\u636E";
+      const emptyStr = tr("el.table.emptyText", "\u6682\u65E0\u6570\u636E");
       if (!v) return emptyStr;
       if (!v.features.length) return emptyStr;
       return JSON.stringify(v);
@@ -1317,7 +1321,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       immediate: true
     });
     const handleUpdateSketchValue = e => {
-      sketchValue.value = e;
+      sketchValue.value = Array.isArray(e) ? e : e.toArray();
       if (props2.skipSave) {
         u();
       }
@@ -1341,7 +1345,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const doSave = () => {
       u();
       elementPlus.ElMessage({
-        message: "\u4FDD\u5B58\u6210\u529F",
+        message: tr("vkf.esriInputGeojson.saveSuccess", "\u4FDD\u5B58\u6210\u529F"),
         type: "success"
       });
       dialogShow.value = false;
@@ -1368,7 +1372,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       toGeojson(e.raw).then(res => {
         emit("update:modelValue", res);
       }).then(() => {
-        elementPlus.ElMessage.success("\u4E0A\u4F20\u6210\u529F");
+        elementPlus.ElMessage.success(tr("vkf.esriInputGeojson.uploadSuccess", "\u4E0A\u4F20\u6210\u529F"));
       }).then(fly);
     }
     function onEdit() {
@@ -1445,7 +1449,8 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
       sketchIf,
       fly,
       layerRef,
-      getInputModelValue
+      getInputModelValue,
+      tr
     };
   }
 });
@@ -1559,7 +1564,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     vue.createVNode(_component_ElDialog, {
       modelValue: _ctx.dialogShow,
       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.dialogShow = $event),
-      title: _ctx.dialogEditTitle,
+      title: _ctx.dialogEditTitle || _ctx.tr("vkf.esriInputGeojson.dialogEditTitle", "\u7ED8\u5236\u56FE\u6591"),
       fullscreen: _ctx.dialogEditFullscreen,
       "modal-class": "vkf-esri-input-geojson-dialog",
       "append-to-body": true,

package/components/esri-input-geojson/index.mjs

@@ -10,6 +10,7 @@ import SceneView from '@arcgis/core/views/SceneView';
 import { VkAsyncTeleport } from '@vunk/core';
 import Graphic from '@arcgis/core/Graphic';
 import { useComputedReadonly } from '@vunk/form/composables';
+import { useLocale } from '@vunk/form/composables/element-plus';
 import { Deferred } from '@vunk/core/shared/utils-promise';
 
 var EDIT_TYPE = /* @__PURE__ */ ((EDIT_TYPE2) => {
@@ -101,7 +102,7 @@ const props = {
   },
   dialogEditTitle: {
     type: String,
-    default: "\u7ED8\u5236\u56FE\u6591"
+    default: void 0
   },
   flying: {
     type: Boolean,
@@ -1265,8 +1266,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   }) {
     const inputBindProps = _VkfInputCtx.createBindProps(props2, ["inputSlots", "readonly", "modelValue"]);
     const inputOnEmits = _VkfInputCtx.createOnEmits(emit, ["update:modelValue"]);
+    const {
+      tr
+    } = useLocale();
     const getInputModelValue = v => {
-      const emptyStr = "\u6682\u65E0\u6570\u636E";
+      const emptyStr = tr("el.table.emptyText", "\u6682\u65E0\u6570\u636E");
       if (!v) return emptyStr;
       if (!v.features.length) return emptyStr;
       return JSON.stringify(v);
@@ -1313,7 +1317,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       immediate: true
     });
     const handleUpdateSketchValue = e => {
-      sketchValue.value = e;
+      sketchValue.value = Array.isArray(e) ? e : e.toArray();
       if (props2.skipSave) {
         u();
       }
@@ -1337,7 +1341,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const doSave = () => {
       u();
       ElMessage({
-        message: "\u4FDD\u5B58\u6210\u529F",
+        message: tr("vkf.esriInputGeojson.saveSuccess", "\u4FDD\u5B58\u6210\u529F"),
         type: "success"
       });
       dialogShow.value = false;
@@ -1364,7 +1368,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       toGeojson(e.raw).then(res => {
         emit("update:modelValue", res);
       }).then(() => {
-        ElMessage.success("\u4E0A\u4F20\u6210\u529F");
+        ElMessage.success(tr("vkf.esriInputGeojson.uploadSuccess", "\u4E0A\u4F20\u6210\u529F"));
       }).then(fly);
     }
     function onEdit() {
@@ -1441,7 +1445,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       sketchIf,
       fly,
       layerRef,
-      getInputModelValue
+      getInputModelValue,
+      tr
     };
   }
 });
@@ -1555,7 +1560,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     createVNode(_component_ElDialog, {
       modelValue: _ctx.dialogShow,
       "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.dialogShow = $event),
-      title: _ctx.dialogEditTitle,
+      title: _ctx.dialogEditTitle || _ctx.tr("vkf.esriInputGeojson.dialogEditTitle", "\u7ED8\u5236\u56FE\u6591"),
       fullscreen: _ctx.dialogEditFullscreen,
       "modal-class": "vkf-esri-input-geojson-dialog",
       "append-to-body": true,

package/components/esri-input-geojson/src/ctx.d.ts

@@ -59,7 +59,7 @@ export declare const props: {
     };
     dialogEditTitle: {
         type: StringConstructor;
-        default: string;
+        default: any;
     };
     flying: {
         type: BooleanConstructor;

package/components/esri-input-geojson/src/index.vue.d.ts

@@ -59,7 +59,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     dialogEditTitle: {
         type: StringConstructor;
-        default: string;
+        default: any;
     };
     flying: {
         type: BooleanConstructor;
@@ -375,7 +375,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     append: () => JSX.Element;
     availableCreatureTools: import("vue").ComputedRef<("circle" | "point" | "polygon" | "polyline" | "rectangle")[]>;
     sketchValue: Ref<Graphic[], Graphic[]>;
-    handleUpdateSketchValue: (e: __esri.Graphic[]) => void;
+    handleUpdateSketchValue: (e: __esri.Collection<__esri.Graphic> | __esri.Graphic[]) => void;
     sketchRef: Ref<__esri.Sketch, __esri.Sketch>;
     sketchLoad: __VaSketch.OnLoad;
     shetchPanel: import("vue").ComputedRef<Element>;
@@ -393,6 +393,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     fly: () => Promise<void>;
     layerRef: Ref<__esri.GraphicsLayer, __esri.GraphicsLayer>;
     getInputModelValue: (v: import("geojson").FeatureCollection<import("geojson").Geometry, any>) => string;
+    tr: import("@vunk/form/composables/element-plus").TranslateWithFallback;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:modelValue': (e: import("geojson").FeatureCollection) => import("geojson").FeatureCollection<import("geojson").Geometry, {
         [name: string]: any;
@@ -469,7 +470,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     dialogEditTitle: {
         type: StringConstructor;
-        default: string;
+        default: any;
     };
     flying: {
         type: BooleanConstructor;

package/components/form-item/index.cjs

@@ -7,6 +7,7 @@ var utilsVue = require('@vunk/core/shared/utils-vue');
 var vue = require('vue');
 var elementPlus$1 = require('@vunk/form/shared/element-plus');
 var composables = require('@vunk/form/composables');
+var elementPlus$2 = require('@vunk/form/composables/element-plus');
 var utilsObject = require('@vunk/core/shared/utils-object');
 var rules = require('@vunk/form/shared/rules');
 var index = require('../index.cjs');
@@ -191,21 +192,23 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }) {
     const formItemBindProps = elementPlus$1.createFormItemBindProps(props2, ["rules"]);
     const readonly = composables.useComputedReadonly(props2);
-    const globalConfig = elementPlus.useGlobalConfig();
-    const localeName = vue.computed(() => {
-      return globalConfig.value?.locale?.name;
-    });
-    const requiredMessage = `${props2.label || "\u8BE5\u5B57\u6BB5"}\u4E0D\u80FD\u4E3A\u7A7A`;
+    const {
+      tr
+    } = elementPlus$2.useLocale();
+    const getDefaultLabel = () => props2.label || tr("vkf.formItem.defaultField", "\u8BE5\u5B57\u6BB5");
     const setDefaultMessage = rule => {
-      if (localeName.value === "zh-cn") {
-        if (rule.message) return;
-        if (rule.required) {
-          rule.message = requiredMessage;
-        }
-        const ruleInfo = rules.PATTERN_OPTIONS.find(i => i.value === rule.pattern);
-        if (ruleInfo) {
-          rule.message = `\u8F93\u5165 ${props2.label || "\u8BE5\u5B57\u6BB5"} ${ruleInfo.title}`;
-        }
+      if (rule.message) return;
+      if (rule.required) {
+        rule.message = tr("vkf.formItem.required", "{label}\u4E0D\u80FD\u4E3A\u7A7A", {
+          label: getDefaultLabel()
+        });
+      }
+      const ruleInfo = rules.PATTERN_OPTIONS.find(i => i.value === rule.pattern);
+      if (ruleInfo) {
+        rule.message = tr("vkf.formItem.pattern", "\u8F93\u5165 {label} {pattern}", {
+          label: getDefaultLabel(),
+          pattern: ruleInfo.title
+        });
       }
     };
     const rules$1 = vue.computed(() => {

package/components/form-item/index.mjs

@@ -1,8 +1,9 @@
-import { formItemProps, ElFormItem, ElTooltip, ElIcon, ElButton, useGlobalConfig } from 'element-plus';
+import { formItemProps, ElFormItem, ElTooltip, ElIcon, ElButton } from 'element-plus';
 import { bindPropsFactory } from '@vunk/core/shared/utils-vue';
 import { defineComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, normalizeProps, guardReactiveProps, createVNode, computed, h } from 'vue';
 import { createFormItemBindProps } from '@vunk/form/shared/element-plus';
 import { useComputedReadonly, useRendererData } from '@vunk/form/composables';
+import { useLocale } from '@vunk/form/composables/element-plus';
 import { isPlainObject } from '@vunk/core/shared/utils-object';
 import { PATTERN_OPTIONS } from '@vunk/form/shared/rules';
 import { w as warning_default } from '../index.mjs';
@@ -187,21 +188,23 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   }) {
     const formItemBindProps = createFormItemBindProps(props2, ["rules"]);
     const readonly = useComputedReadonly(props2);
-    const globalConfig = useGlobalConfig();
-    const localeName = computed(() => {
-      return globalConfig.value?.locale?.name;
-    });
-    const requiredMessage = `${props2.label || "\u8BE5\u5B57\u6BB5"}\u4E0D\u80FD\u4E3A\u7A7A`;
+    const {
+      tr
+    } = useLocale();
+    const getDefaultLabel = () => props2.label || tr("vkf.formItem.defaultField", "\u8BE5\u5B57\u6BB5");
     const setDefaultMessage = rule => {
-      if (localeName.value === "zh-cn") {
-        if (rule.message) return;
-        if (rule.required) {
-          rule.message = requiredMessage;
-        }
-        const ruleInfo = PATTERN_OPTIONS.find(i => i.value === rule.pattern);
-        if (ruleInfo) {
-          rule.message = `\u8F93\u5165 ${props2.label || "\u8BE5\u5B57\u6BB5"} ${ruleInfo.title}`;
-        }
+      if (rule.message) return;
+      if (rule.required) {
+        rule.message = tr("vkf.formItem.required", "{label}\u4E0D\u80FD\u4E3A\u7A7A", {
+          label: getDefaultLabel()
+        });
+      }
+      const ruleInfo = PATTERN_OPTIONS.find(i => i.value === rule.pattern);
+      if (ruleInfo) {
+        rule.message = tr("vkf.formItem.pattern", "\u8F93\u5165 {label} {pattern}", {
+          label: getDefaultLabel(),
+          pattern: ruleInfo.title
+        });
       }
     };
     const rules = computed(() => {

package/components/input-collection/index.cjs

@@ -12,8 +12,9 @@ var rendererData = require('@vunk/form/components/renderer-data');
 var templateInstancesProvider = require('@vunk/form/components/template-instances-provider');
 var templatesDefault = require('@vunk/form/components/templates-default');
 var composables = require('@vunk/form/composables');
+var elementPlus = require('@vunk/form/composables/element-plus');
 var tableColumns = require('@vunk/plus/components/table-columns');
-var elementPlus = require('element-plus');
+var elementPlus$1 = require('element-plus');
 var _function = require('@vunk/shared/function');
 var cloneDeep = require('../cloneDeep.cjs');
 var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
@@ -97,9 +98,12 @@ var _sfc_main$1 = /* @__PURE__ */vue.defineComponent({
     emit: __emit
   }) {
     __expose();
-    const ElTable = elementPlus.ElTable;
+    const ElTable = elementPlus$1.ElTable;
     const props = __props;
     const emit = __emit;
+    const {
+      tr
+    } = elementPlus.useLocale();
     const formItemBindProps = formItem._VkfFormItemCtx.createBindProps(props);
     const readonly = composables.useComputedReadonly(props);
     const formData = vue.computed(() => {
@@ -175,21 +179,21 @@ var _sfc_main$1 = /* @__PURE__ */vue.defineComponent({
       }
     };
     const buttonsColumn = vue.computed(() => ({
-      label: "\u64CD\u4F5C",
+      label: tr("vkf.inputCollection.operations", "\u64CD\u4F5C"),
       align: "center",
       width: "85",
       hidden: readonly.value || !props.splicable,
       className: "vk-input-collection__buttons",
       slots: ({
         $index
-      }) => vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus.ElButton, {
+      }) => vue.createVNode(vue.Fragment, null, [vue.createVNode(elementPlus$1.ElButton, {
         "size": "small",
         "icon": index.plus_default,
         "type": "primary",
         "link": true,
         "circle": true,
         "onClick": () => handlePlus($index)
-      }, null), vue.createVNode(elementPlus.ElButton, {
+      }, null), vue.createVNode(elementPlus$1.ElButton, {
         "size": "small",
         "icon": index.minus_default,
         "type": "primary",
@@ -270,6 +274,7 @@ var _sfc_main$1 = /* @__PURE__ */vue.defineComponent({
       ElTable,
       props,
       emit,
+      tr,
       formItemBindProps,
       readonly,
       formData,
@@ -310,7 +315,7 @@ var _sfc_main$1 = /* @__PURE__ */vue.defineComponent({
         return tableColumns.VkTableColumns;
       },
       get ElButton() {
-        return elementPlus.ElButton;
+        return elementPlus$1.ElButton;
       }
     };
     Object.defineProperty(__returned__, "__isScriptSetup", {

package/components/input-collection/index.mjs

@@ -8,6 +8,7 @@ import { VkfRendererData } from '@vunk/form/components/renderer-data';
 import { VkfTemplateInstancesProvider } from '@vunk/form/components/template-instances-provider';
 import { VkfTemplatesDefault } from '@vunk/form/components/templates-default';
 import { useComputedReadonly } from '@vunk/form/composables';
+import { useLocale } from '@vunk/form/composables/element-plus';
 import { VkTableColumns } from '@vunk/plus/components/table-columns';
 import { ElButton, ElTable } from 'element-plus';
 import { isCallable } from '@vunk/shared/function';
@@ -96,6 +97,9 @@ var _sfc_main$1 = /* @__PURE__ */defineComponent({
     const ElTable$1 = ElTable;
     const props = __props;
     const emit = __emit;
+    const {
+      tr
+    } = useLocale();
     const formItemBindProps = _VkfFormItemCtx.createBindProps(props);
     const readonly = useComputedReadonly(props);
     const formData = computed(() => {
@@ -171,7 +175,7 @@ var _sfc_main$1 = /* @__PURE__ */defineComponent({
       }
     };
     const buttonsColumn = computed(() => ({
-      label: "\u64CD\u4F5C",
+      label: tr("vkf.inputCollection.operations", "\u64CD\u4F5C"),
       align: "center",
       width: "85",
       hidden: readonly.value || !props.splicable,
@@ -266,6 +270,7 @@ var _sfc_main$1 = /* @__PURE__ */defineComponent({
       ElTable: ElTable$1,
       props,
       emit,
+      tr,
       formItemBindProps,
       readonly,
       formData,

package/components/input-collection/src/core.vue.d.ts

@@ -267,6 +267,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         "onUpdate:modelValue"?: (...args: any[] | unknown[]) => any;
     }> & {}>;
     emit: ((event: "update:modelValue", ...args: unknown[]) => void) & ((event: "update:modelValue", ...args: any) => void) & ((event: "update:modelValue", ...args: any[]) => void);
+    tr: import("@vunk/form/composables/element-plus").TranslateWithFallback;
     formItemBindProps: import("vue").ComputedRef<{}>;
     readonly: import("vue").ComputedRef<boolean>;
     formData: import("vue").ComputedRef<NormalObject | NormalObject[]>;

package/components/input-link/index.cjs

@@ -4,10 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var input = require('@vunk/form/components/input');
 var vue = require('vue');
-var elementPlus = require('element-plus');
+var elementPlus$1 = require('element-plus');
 var index = require('../index.cjs');
 var utilsObject = require('@vunk/core/shared/utils-object');
 var composables = require('@vunk/form/composables');
+var elementPlus = require('@vunk/form/composables/element-plus');
 var _pluginVue_exportHelper = require('../_plugin-vue_export-helper.cjs');
 
 const props = {
@@ -22,11 +23,11 @@ const props = {
   },
   label: {
     type: String,
-    default: "\u56DE\u586B\u5730\u5740"
+    default: void 0
   },
   placeholder: {
     type: String,
-    default: "\u4E0A\u4F20\u6587\u4EF6\u540E, \u5C06\u6587\u4EF6\u4E0B\u8F7D\u5730\u5740\u7C98\u8D34\u5230\u6B64\u5904"
+    default: void 0
   },
   readonly: {
     type: Boolean,
@@ -58,7 +59,7 @@ const props = {
    */
   referenceLabel: {
     type: String,
-    default: "\u53C2\u8003\u5730\u5740"
+    default: void 0
   },
   modelValue: {
     type: String,
@@ -80,14 +81,18 @@ var _sfc_main = vue.defineComponent({
     const coreProps = input._VkfInputCtx.createBindProps(props2);
     const coreEmits = input._VkfInputCtx.createOnEmits(emit);
     const readonly = composables.useComputedReadonly(props2);
+    const { tr } = elementPlus.useLocale();
+    const inputLabel = vue.computed(() => props2.label || tr("vkf.inputLink.label", "\u56DE\u586B\u5730\u5740"));
+    const inputPlaceholder = vue.computed(() => props2.placeholder || tr("vkf.inputLink.placeholder", "\u4E0A\u4F20\u6587\u4EF6\u540E, \u5C06\u6587\u4EF6\u4E0B\u8F7D\u5730\u5740\u7C98\u8D34\u5230\u6B64\u5904"));
+    const theReferenceLabel = vue.computed(() => props2.referenceLabel || tr("vkf.inputLink.referenceLabel", "\u53C2\u8003\u5730\u5740"));
     const createAppendEl = (url) => () => vue.h(
-      elementPlus.ElButton,
+      elementPlus$1.ElButton,
       {
         onClick: () => window.open(url),
         disabled: !url
       },
       () => vue.h(
-        elementPlus.ElIcon,
+        elementPlus$1.ElIcon,
         {
           class: "vkf-input-link-icon",
           size: 16
@@ -99,7 +104,7 @@ var _sfc_main = vue.defineComponent({
       const data = [
         {
           pattern: /^(http|https):\/\/([\w.]+\/?)\S*$/,
-          message: "\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u94FE\u63A5\u5730\u5740"
+          message: tr("vkf.inputLink.invalidUrl", "\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u94FE\u63A5\u5730\u5740")
         }
       ];
       if (Array.isArray(props2.rules)) {
@@ -114,7 +119,10 @@ var _sfc_main = vue.defineComponent({
       coreProps,
       coreEmits,
       createAppendEl,
+      inputLabel,
+      inputPlaceholder,
       rules,
+      theReferenceLabel,
       readonly
     };
   }
@@ -125,7 +133,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VkfInput = vue.resolveComponent("VkfInput");
   return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
     vue.createVNode(_component_VkfInput, {
-      label: _ctx.referenceLabel,
+      label: _ctx.theReferenceLabel,
       disabled: true,
       "model-value": _ctx.referenceUrl ?? _ctx.uploadUrl,
       "input-slots": {
@@ -133,13 +141,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }
     }, null, 8, ["label", "model-value", "input-slots"]),
     !_ctx.referenceOnly ? (vue.openBlock(), vue.createBlock(_component_VkfInput, vue.mergeProps({ key: 0 }, _ctx.coreProps, {
+      label: _ctx.inputLabel,
+      placeholder: _ctx.inputPlaceholder,
       rules: _ctx.rules,
       readonly: _ctx.readonly,
       type: _ctx.readonly ? "text" : _ctx.type,
       "input-slots": {
         append: _ctx.readonly ? _ctx.createAppendEl(_ctx.modelValue) : void 0
       }
-    }, vue.toHandlers(_ctx.coreEmits)), null, 16, ["rules", "readonly", "type", "input-slots"])) : vue.createCommentVNode("v-if", true)
+    }, vue.toHandlers(_ctx.coreEmits)), null, 16, ["label", "placeholder", "rules", "readonly", "type", "input-slots"])) : vue.createCommentVNode("v-if", true)
   ]);
 }
 var VkfInputLink = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/input-link/src/index.vue"]]);

package/components/input-link/index.mjs

@@ -4,6 +4,7 @@ import { ElButton, ElIcon } from 'element-plus';
 import { r as right_default } from '../index.mjs';
 import { isPlainObject } from '@vunk/core/shared/utils-object';
 import { useComputedReadonly } from '@vunk/form/composables';
+import { useLocale } from '@vunk/form/composables/element-plus';
 import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
 
 const props = {
@@ -18,11 +19,11 @@ const props = {
   },
   label: {
     type: String,
-    default: "\u56DE\u586B\u5730\u5740"
+    default: void 0
   },
   placeholder: {
     type: String,
-    default: "\u4E0A\u4F20\u6587\u4EF6\u540E, \u5C06\u6587\u4EF6\u4E0B\u8F7D\u5730\u5740\u7C98\u8D34\u5230\u6B64\u5904"
+    default: void 0
   },
   readonly: {
     type: Boolean,
@@ -54,7 +55,7 @@ const props = {
    */
   referenceLabel: {
     type: String,
-    default: "\u53C2\u8003\u5730\u5740"
+    default: void 0
   },
   modelValue: {
     type: String,
@@ -76,6 +77,10 @@ var _sfc_main = defineComponent({
     const coreProps = _VkfInputCtx.createBindProps(props2);
     const coreEmits = _VkfInputCtx.createOnEmits(emit);
     const readonly = useComputedReadonly(props2);
+    const { tr } = useLocale();
+    const inputLabel = computed(() => props2.label || tr("vkf.inputLink.label", "\u56DE\u586B\u5730\u5740"));
+    const inputPlaceholder = computed(() => props2.placeholder || tr("vkf.inputLink.placeholder", "\u4E0A\u4F20\u6587\u4EF6\u540E, \u5C06\u6587\u4EF6\u4E0B\u8F7D\u5730\u5740\u7C98\u8D34\u5230\u6B64\u5904"));
+    const theReferenceLabel = computed(() => props2.referenceLabel || tr("vkf.inputLink.referenceLabel", "\u53C2\u8003\u5730\u5740"));
     const createAppendEl = (url) => () => h(
       ElButton,
       {
@@ -95,7 +100,7 @@ var _sfc_main = defineComponent({
       const data = [
         {
           pattern: /^(http|https):\/\/([\w.]+\/?)\S*$/,
-          message: "\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u94FE\u63A5\u5730\u5740"
+          message: tr("vkf.inputLink.invalidUrl", "\u8BF7\u8F93\u5165\u6B63\u786E\u7684\u94FE\u63A5\u5730\u5740")
         }
       ];
       if (Array.isArray(props2.rules)) {
@@ -110,7 +115,10 @@ var _sfc_main = defineComponent({
       coreProps,
       coreEmits,
       createAppendEl,
+      inputLabel,
+      inputPlaceholder,
       rules,
+      theReferenceLabel,
       readonly
     };
   }
@@ -121,7 +129,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_VkfInput = resolveComponent("VkfInput");
   return openBlock(), createElementBlock("div", _hoisted_1, [
     createVNode(_component_VkfInput, {
-      label: _ctx.referenceLabel,
+      label: _ctx.theReferenceLabel,
       disabled: true,
       "model-value": _ctx.referenceUrl ?? _ctx.uploadUrl,
       "input-slots": {
@@ -129,13 +137,15 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       }
     }, null, 8, ["label", "model-value", "input-slots"]),
     !_ctx.referenceOnly ? (openBlock(), createBlock(_component_VkfInput, mergeProps({ key: 0 }, _ctx.coreProps, {
+      label: _ctx.inputLabel,
+      placeholder: _ctx.inputPlaceholder,
       rules: _ctx.rules,
       readonly: _ctx.readonly,
       type: _ctx.readonly ? "text" : _ctx.type,
       "input-slots": {
         append: _ctx.readonly ? _ctx.createAppendEl(_ctx.modelValue) : void 0
       }
-    }, toHandlers(_ctx.coreEmits)), null, 16, ["rules", "readonly", "type", "input-slots"])) : createCommentVNode("v-if", true)
+    }, toHandlers(_ctx.coreEmits)), null, 16, ["label", "placeholder", "rules", "readonly", "type", "input-slots"])) : createCommentVNode("v-if", true)
   ]);
 }
 var VkfInputLink = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/input-link/src/index.vue"]]);

package/components/input-link/src/ctx.d.ts

@@ -9,11 +9,11 @@ export declare const props: {
     };
     label: {
         type: StringConstructor;
-        default: string;
+        default: any;
     };
     placeholder: {
         type: StringConstructor;
-        default: string;
+        default: any;
     };
     readonly: {
         type: BooleanConstructor;
@@ -45,7 +45,7 @@ export declare const props: {
      */
     referenceLabel: {
         type: StringConstructor;
-        default: string;
+        default: any;
     };
     modelValue: {
         type: StringConstructor;