cosey 0.1.4 → 0.2.0

package/components/editor/components/toolbar/formats/source.vue.js

@@ -0,0 +1,78 @@
+import { defineComponent, inject, ref, createElementBlock, openBlock, Fragment, createVNode, withCtx, unref, createTextVNode, toDisplayString } from 'vue';
+import { toolbarContextKey } from '../toolbarContext.js';
+import stdin_default$1 from '../../button.vue.js';
+import { ElDialog, ElInput, ElButton } from 'element-plus';
+import stdin_default$2 from '../../../../icon/index.js';
+import { useLocale } from '../../../../../hooks/useLocale.js';
+
+var stdin_default = /* @__PURE__ */defineComponent({
+  __name: "source",
+  setup(__props) {
+    const {
+      t
+    } = useLocale();
+    const {
+      quill
+    } = inject(toolbarContextKey);
+    const visible = ref(false);
+    const value = ref("");
+    const onShow = () => {
+      value.value = quill.value?.getSemanticHTML() || "";
+      visible.value = true;
+    };
+    const onCancel = () => {
+      visible.value = false;
+    };
+    const onConfirm = () => {
+      quill.value?.clipboard.dangerouslyPasteHTML(value.value);
+      visible.value = false;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [createVNode(stdin_default$1, {
+        onClick: onShow
+      }, {
+        default: withCtx(() => [createVNode(unref(stdin_default$2), {
+          name: "co:repo-source-code"
+        })]),
+        _: 1
+        /* STABLE */
+      }), createVNode(unref(ElDialog), {
+        title: unref(t)("co.editor.sourceCode"),
+        modelValue: visible.value,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => visible.value = $event),
+        width: "992px",
+        style: {
+          "max-width": "calc(100vw - 32px)"
+        }
+      }, {
+        footer: withCtx(() => [createVNode(unref(ElButton), {
+          onClick: onCancel
+        }, {
+          default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("co.common.cancel")), 1
+          /* TEXT */)]),
+          _: 1
+          /* STABLE */
+        }), createVNode(unref(ElButton), {
+          type: "primary",
+          onClick: onConfirm
+        }, {
+          default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("co.common.confirm")), 1
+          /* TEXT */)]),
+          _: 1
+          /* STABLE */
+        })]),
+        default: withCtx(() => [createVNode(unref(ElInput), {
+          modelValue: value.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => value.value = $event),
+          type: "textarea",
+          rows: 26
+        }, null, 8, ["modelValue"])]),
+        _: 1
+        /* STABLE */
+      }, 8, ["title", "modelValue"])], 64
+      /* STABLE_FRAGMENT */);
+    };
+  }
+});
+
+export { stdin_default as default };

package/components/editor/components/toolbar/formats/table.style.js

@@ -28,9 +28,9 @@ var stdin_default = getSimpleStyleHook("EditorTable", (token) => {
       [`${componentCls}-cell`]: {
         width: token.size,
         height: token.size,
-        borderBottom: `${token.lineWidth} ${token.lineType} ${token.colorBorderSecondary}`,
+        borderBlockEnd: `${token.lineWidth} ${token.lineType} ${token.colorBorderSecondary}`,
         "&:not(:last-child)": {
-          borderRight: `${token.lineWidth} ${token.lineType} ${token.colorBorderSecondary}`
+          borderInlineEnd: `${token.lineWidth} ${token.lineType} ${token.colorBorderSecondary}`
         },
         "&.is-selected": {
           backgroundColor: token.colorPrimary

package/components/editor/components/toolbar/formats/video.vue.js

@@ -5,17 +5,21 @@ import stdin_default$2 from '../../../../icon/index.js';
 import { FormDialog as _FormDialog } from '../../../../form-dialog/index.js';
 import { Form as _Form, FormItem as _FormItem } from '../../../../form/index.js';
 import Quill from 'quill';
+import { useLocale } from '../../../../../hooks/useLocale.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({
   __name: "video",
   setup(__props) {
+    const {
+      t
+    } = useLocale();
     const {
       quill
     } = inject(toolbarContextKey);
     const visible = ref(false);
     let currentTarget = null;
     const actionType = ref("insert");
-    const title = computed(() => `${actionType.value === "update" ? "\u7F16\u8F91" : "\u63D2\u5165"}\u89C6\u9891`);
+    const title = computed(() => `${actionType.value === "update" ? t("co.editor.edit") : t("co.editor.insert")}${t("co.editor.video")}`);
     const formModel = reactive({
       url: "",
       width: "300",
@@ -90,21 +94,21 @@ var stdin_default = /* @__PURE__ */defineComponent({
             modelValue: formModel.width,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => formModel.width = $event),
             prop: "width",
-            label: "\u5BBD\u5EA6",
+            label: unref(t)("co.editor.width"),
             "field-type": "input",
             "col-props": {
               span: 12
             }
-          }, null, 8, ["modelValue"]), createVNode(unref(_FormItem), {
+          }, null, 8, ["modelValue", "label"]), createVNode(unref(_FormItem), {
             modelValue: formModel.height,
             "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => formModel.height = $event),
             prop: "height",
-            label: "\u9AD8\u5EA6",
+            label: unref(t)("co.editor.height"),
             "field-type": "input",
             "col-props": {
               span: 12
             }
-          }, null, 8, ["modelValue"])]),
+          }, null, 8, ["modelValue", "label"])]),
           _: 1
           /* STABLE */
         }, 8, ["model"])]),

package/components/editor/components/toolbar/toolbar.vue.js

@@ -26,6 +26,7 @@ import stdin_default$l from './formats/video.vue.js';
 import stdin_default$m from './formats/table.vue.js';
 import stdin_default$n from './formats/formula.vue.js';
 import stdin_default$o from './formats/clean.vue.js';
+import stdin_default$p from './formats/source.vue.js';
 import { useComponentConfig } from '../../../config-provider/config-provider.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({
@@ -116,6 +117,10 @@ var stdin_default = /* @__PURE__ */defineComponent({
         default: withCtx(() => [createVNode(stdin_default$o)]),
         _: 1
         /* STABLE */
+      }), createVNode(stdin_default$1, null, {
+        default: withCtx(() => [createVNode(stdin_default$p)]),
+        _: 1
+        /* STABLE */
       })], 2
       /* CLASS */);
     };

package/components/editor/formats/font.js

@@ -6,13 +6,13 @@ class FontStyleAttributor extends Parchment.StyleAttributor {
   }
 }
 const fonts = [
-  // 中文
+  // chiness
   ["Microsoft YaHei", '"Microsoft YaHei"'],
   ["PingFang SC", '"PingFang SC"'],
   ["Hiragino Sans GB", '"Hiragino Sans GB"'],
   ["SimSun", "SimSun"],
   ["STHeiti", "STHeiti"],
-  // 英文
+  // english
   ["Andale Mono", '"andale mono", monospace'],
   ["Arial", "arial, helvetica, sans-serif"],
   ["Arial Black", '"arial black", sans-serif'],

package/components/editor/formats/indent.js

@@ -29,7 +29,7 @@ class IndentAttributor extends Parchment.StyleAttributor {
     return this.normalize(parseInt(super.value(node), 10));
   }
 }
-const IndentStyle = new IndentAttributor("indent", "padding-left", {
+const IndentStyle = new IndentAttributor("indent", "padding-inline-start", {
   scope: Parchment.Scope.BLOCK,
   whitelist: Array(INDENT_STEP * 9).fill(0).map((_, i) => i + 1)
 });

package/components/editor/formats/kbd.d.ts

@@ -0,0 +1,7 @@
+import Inline from 'quill/blots/inline';
+declare class Kbd extends Inline {
+    static blotName: string;
+    static tagName: string;
+    static create(): HTMLElement;
+}
+export default Kbd;

package/components/editor/formats/kbd.js

@@ -0,0 +1,13 @@
+import Inline from 'quill/blots/inline';
+
+class Kbd extends Inline {
+  static blotName = "kbd";
+  static tagName = "KBD";
+  static create() {
+    const node = super.create();
+    return node;
+  }
+}
+var stdin_default = Kbd;
+
+export { stdin_default as default };

package/components/editor/modules/image-uploader/formats/image-loading.style.js

@@ -14,9 +14,9 @@ var stdin_default = getGlobalStyleHook("EditorImageLoading", (token) => {
       },
       div: {
         position: "absolute",
-        top: "50%",
+        insetBlockStart: "50%",
         width: "100%",
-        marginTop: -20,
+        marginBlockStart: -20,
         textAlign: "center",
         svg: {
           display: "inline",

package/components/editor/quill.js

@@ -1,28 +1,30 @@
 import Quill from 'quill';
 import { ImageUploader } from './modules/image-uploader/image-uploader.js';
-import stdin_default$2 from './modules/custom-list.js';
+import stdin_default$3 from './modules/custom-list.js';
 import { Formula } from './formats/formula.js';
 import { SizeStyle } from './formats/size.js';
 import { FontStyle } from './formats/font.js';
 import { Link } from './formats/link.js';
 import { AlignStyle } from './formats/align.js';
-import stdin_default$1 from './formats/video.js';
-import stdin_default from './formats/image.js';
+import stdin_default$2 from './formats/video.js';
+import stdin_default$1 from './formats/image.js';
+import stdin_default from './formats/kbd.js';
 
 function register() {
   Quill.register(
     {
       "modules/imageUploader": ImageUploader,
-      "modules/customList": stdin_default$2,
+      "modules/customList": stdin_default$3,
       "formats/formula": Formula,
       "formats/size": SizeStyle,
       "formats/font": FontStyle,
       "formats/link": Link,
       "formats/align": AlignStyle,
       // 'formats/indent': IndentStyle,
-      "formats/video": stdin_default$1,
-      "formats/image": stdin_default
+      "formats/video": stdin_default$2,
+      "formats/image": stdin_default$1,
       // 'formats/list': List,
+      "formats/kbd": stdin_default
     },
     true
   );

package/components/editor/style/index.js

@@ -14,8 +14,8 @@ const getQuillClipboardStyle = () => {
   return {
     ".ql-clipboard": {
       position: "absolute",
-      left: -1e5,
-      top: "50%",
+      insetInlineStart: -1e5,
+      insetBlockStart: "50%",
       height: 1,
       overflowY: "hidden",
       p: {
@@ -52,7 +52,7 @@ const getIndent = () => {
       return {
         ...obj,
         [`li.ql-indent-${num}`]: {
-          paddingLeft: `${3 * num + LIST_STYLE_OUTER_WIDTH}em`
+          paddingInlineStart: `${3 * num + LIST_STYLE_OUTER_WIDTH}em`
         }
       };
     }, {})
@@ -64,14 +64,14 @@ const getQuillArticleStyle = (token) => {
       return {
         ...obj,
         [`.ql-indent-${num}`]: {
-          paddingLeft: `${3 * num}em`
+          paddingInlineStart: `${3 * num}em`
         }
       };
     }, {}),
     "p, ol, pre, blockquote, h1, h2, h3, h4, h5, h6": {
       margin: 0,
       padding: 0,
-      marginBottom: token.marginSM
+      marginBlockEnd: token.marginSM
     },
     "h1, h2, h3, h4, h5, h6": {
       fontWeight: token.fontWeightStrong
@@ -127,10 +127,10 @@ const getQuillArticleStyle = (token) => {
       maxWidth: "100%"
     },
     blockquote: {
-      borderLeft: `4px solid ${token.colorBorder}`,
-      marginBottom: 5,
-      marginTop: 5,
-      paddingLeft: 16
+      borderInlineStart: `4px solid ${token.colorBorder}`,
+      marginBlockEnd: 5,
+      marginBlockStart: 5,
+      paddingInlineStart: 16
     },
     code: {
       fontSize: "85%",
@@ -138,6 +138,15 @@ const getQuillArticleStyle = (token) => {
       paddingInline: 4,
       borderRadius: token.borderRadiusSM,
       backgroundColor: "#f0f0f0"
+    },
+    kbd: {
+      padding: `2px 6px`,
+      fontSize: ".875em",
+      color: token.colorText,
+      backgroundColor: token.colorBgContainer,
+      border: `${token.lineType} ${token.lineWidth} ${token.colorBorder}`,
+      borderRadius: token.borderRadiusXS,
+      boxShadow: `0 2px 0 -1px ${token.colorBgContainer}, 0 2px ${token.colorBorder}`
     }
   };
 };
@@ -203,8 +212,8 @@ const getQuillEditorStyle = (token) => {
       },
       "&.ql-blank::before": {
         position: "absolute",
-        left: token.padding,
-        right: token.padding,
+        insetInlineStart: token.padding,
+        insetInlineEnd: token.padding,
         color: token.colorTextPlaceholder,
         content: "attr(data-placeholder)",
         fontStyle: "italic",
@@ -212,8 +221,8 @@ const getQuillEditorStyle = (token) => {
       },
       ".ql-code-block-container": {
         position: "relative",
-        marginBottom: 5,
-        marginTop: 5,
+        marginBlockEnd: 5,
+        marginBlockStart: 5,
         paddingBlock: 5,
         paddingInline: 10,
         overflow: "visible",
@@ -222,8 +231,8 @@ const getQuillEditorStyle = (token) => {
         borderRadius: token.borderRadius,
         backgroundColor: "#23241f",
         ".ql-ui": {
-          right: 5,
-          top: 5,
+          insetInlineEnd: 5,
+          insetBlockStart: 5,
           color: token.colorText,
           backgroundColor: token.colorBgElevated,
           appearance: "auto"
@@ -252,7 +261,7 @@ const getEditorStyle = (token) => {
         borderRadius: token.borderRadius
       },
       [`${toolbarCls} ~ ${containerCls}`]: {
-        borderTop: 0,
+        borderBlockStart: 0,
         borderTopLeftRadius: 0,
         borderTopRightRadius: 0
       },

package/components/field/components/autocomplete/autocomplete.vue.js

@@ -1,17 +1,21 @@
 import { ElAutocomplete } from 'element-plus';
 import { defineComponent, h, mergeProps } from 'vue';
 import { addNullablePlaceholder } from '../../../../utils/vue.js';
+import { useLocale } from '../../../../hooks/useLocale.js';
 
 var stdin_default = defineComponent((props, {
   slots
 }) => {
+  const {
+    t
+  } = useLocale();
   return () => {
     if (props.readonly) {
       const value = props.componentProps?.modelValue;
       return addNullablePlaceholder(value);
     }
     return h(ElAutocomplete, mergeProps({
-      placeholder: "\u8BF7\u8F93\u5165",
+      placeholder: t("co.common.pleaseInput"),
       clearable: true,
       style: {
         display: "flex"

package/components/field/components/cascader/cascader.vue.js

@@ -1,11 +1,15 @@
 import { ElCascader } from 'element-plus';
 import { defineComponent, computed, h, mergeProps } from 'vue';
 import { getTreeLabelByValue } from '../../../../utils/collection.js';
+import { useLocale } from '../../../../hooks/useLocale.js';
 import { addNullablePlaceholder } from '../../../../utils/vue.js';
 
 var stdin_default = defineComponent((props, {
   slots
 }) => {
+  const {
+    t
+  } = useLocale();
   const componentProps = computed(() => {
     return props.componentProps ?? {};
   });
@@ -22,7 +26,7 @@ var stdin_default = defineComponent((props, {
       return addNullablePlaceholder(value, val => getTreeLabelByValue(componentProps.value.options ?? [], val, mergedOptionProps.value).join(" / "));
     }
     return h(ElCascader, mergeProps({
-      placeholder: "\u8BF7\u9009\u62E9",
+      placeholder: t("co.common.pleaseSelect"),
       clearable: true,
       style: {
         display: "flex",

package/components/field/components/checkbox-group/checkbox-group.vue.js

@@ -50,7 +50,7 @@ var stdin_default = defineComponent(props => {
       style: {
         width: checkboxWidth.value
       },
-      class: "!mr-0"
+      class: "!me-0"
     }))));
     return componentProps.value.indeterminate ? h(stdin_default$1, {
       modelValue: checkboxGroupProps.value.modelValue,

package/components/field/components/checkbox-group/panel.vue.js

@@ -1,6 +1,7 @@
-import { defineComponent, ref, watch, resolveComponent, createBlock, openBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, createTextVNode, normalizeStyle, toDisplayString } from 'vue';
+import { defineComponent, ref, watch, resolveComponent, createBlock, openBlock, unref, withCtx, renderSlot, createVNode, createElementVNode, createTextVNode, toDisplayString, normalizeStyle } from 'vue';
 import { Panel as _Panel } from '../../../panel/index.js';
 import { useToken } from '../../../theme/util/useToken.js';
+import { useLocale } from '../../../../hooks/useLocale.js';
 
 var stdin_default = /* @__PURE__ */defineComponent({
   ...{
@@ -27,6 +28,9 @@ var stdin_default = /* @__PURE__ */defineComponent({
   }) {
     const props = __props;
     const emit = __emit;
+    const {
+      t
+    } = useLocale();
     const {
       token
     } = useToken();
@@ -55,12 +59,13 @@ var stdin_default = /* @__PURE__ */defineComponent({
           indeterminate: isIndeterminate.value,
           onChange: handleCheckAllChange
         }, {
-          default: withCtx(() => _cache[1] || (_cache[1] = [createTextVNode(" \u5168\u9009 ")])),
-          _: 1,
-          __: [1]
+          default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("co.editor.checkAll")), 1
+          /* TEXT */)]),
+          _: 1
+          /* STABLE */
         }, 8, ["modelValue", "indeterminate"]), createElementVNode("div", {
           style: normalizeStyle({
-            marginLeft: "auto",
+            marginInlineStart: "auto",
             fontSize: unref(token).fontSizeSM
           })
         }, toDisplayString(_ctx.modelValue.length) + " / " + toDisplayString(_ctx.options.length), 5

package/components/field/components/date/date.vue.js

@@ -2,18 +2,22 @@ import { ElDatePicker } from 'element-plus';
 import { defineComponent, h, mergeProps } from 'vue';
 import dayjs from 'dayjs';
 import { DATE_FORMAT } from '../../../../utils/date.js';
+import { useLocale } from '../../../../hooks/useLocale.js';
 import { addNullablePlaceholder } from '../../../../utils/vue.js';
 
 var stdin_default = defineComponent((props, {
   slots
 }) => {
+  const {
+    t
+  } = useLocale();
   return () => {
     if (props.readonly) {
       const value = props.componentProps?.modelValue;
       return addNullablePlaceholder(value, val => dayjs(val).format(DATE_FORMAT));
     }
     return h(ElDatePicker, mergeProps({
-      placeholder: "\u8BF7\u9009\u62E9",
+      placeholder: t("co.common.pleaseSelect"),
       style: {
         display: "flex",
         width: "100%"

package/components/field/components/date-range/date-range.vue.js

@@ -1,20 +1,24 @@
 import { ElDatePicker } from 'element-plus';
 import { defineComponent, h, mergeProps } from 'vue';
 import dayjs from 'dayjs';
+import { useLocale } from '../../../../hooks/useLocale.js';
 import { addNullablePlaceholder } from '../../../../utils/vue.js';
 import { DATE_FORMAT } from '../../../../utils/date.js';
 
 var stdin_default = defineComponent((props, {
   slots
 }) => {
+  const {
+    t
+  } = useLocale();
   return () => {
     if (props.readonly) {
       const value = props.componentProps?.modelValue;
       return addNullablePlaceholder(value, val => val.map(item => dayjs(item).format(DATE_FORMAT)).join(" - "));
     }
     return h(ElDatePicker, mergeProps({
-      startPlaceholder: "\u8BF7\u9009\u62E9",
-      endPlaceholder: "\u8BF7\u9009\u62E9",
+      startPlaceholder: t("co.common.pleaseSelect"),
+      endPlaceholder: t("co.common.pleaseSelect"),
       defaultTime: [new Date(0, 0, 1, 0, 0, 0), new Date(0, 0, 1, 23, 59, 59)],
       style: {
         display: "flex",

package/components/field/components/date-time/date-time.vue.js

@@ -2,18 +2,22 @@ import { ElDatePicker } from 'element-plus';
 import { defineComponent, h, mergeProps } from 'vue';
 import dayjs from 'dayjs';
 import { DATE_TIME_FORMAT } from '../../../../utils/date.js';
+import { useLocale } from '../../../../hooks/useLocale.js';
 import { addNullablePlaceholder } from '../../../../utils/vue.js';
 
 var stdin_default = defineComponent((props, {
   slots
 }) => {
   return () => {
+    const {
+      t
+    } = useLocale();
     if (props.readonly) {
       const value = props.componentProps?.modelValue;
       return addNullablePlaceholder(value, val => dayjs(val).format(DATE_TIME_FORMAT));
     }
     return h(ElDatePicker, mergeProps({
-      placeholder: "\u8BF7\u9009\u62E9",
+      placeholder: t("co.common.pleaseSelect"),
       style: {
         display: "flex",
         width: "100%"

package/components/field/components/date-time-range/date-time-range.vue.js

@@ -1,20 +1,24 @@
 import { ElDatePicker } from 'element-plus';
 import { defineComponent, h, mergeProps } from 'vue';
 import dayjs from 'dayjs';
+import { useLocale } from '../../../../hooks/useLocale.js';
 import { addNullablePlaceholder } from '../../../../utils/vue.js';
 import { DATE_TIME_FORMAT } from '../../../../utils/date.js';
 
 var stdin_default = defineComponent((props, {
   slots
 }) => {
+  const {
+    t
+  } = useLocale();
   return () => {
     if (props.readonly) {
       const value = props.componentProps?.modelValue;
       return addNullablePlaceholder(value, val => val.map(item => dayjs(item).format(DATE_TIME_FORMAT)).join(" - "));
     }
     return h(ElDatePicker, mergeProps({
-      startPlaceholder: "\u8BF7\u9009\u62E9",
-      endPlaceholder: "\u8BF7\u9009\u62E9",
+      startPlaceholder: t("co.common.pleaseSelect"),
+      endPlaceholder: t("co.common.pleaseSelect"),
       defaultTime: [new Date(0, 0, 1, 0, 0, 0), new Date(0, 0, 1, 23, 59, 59)],
       style: {
         display: "flex",

package/components/field/components/dates/dates.vue.js

@@ -1,19 +1,23 @@
 import { ElDatePicker } from 'element-plus';
 import { defineComponent, h, mergeProps } from 'vue';
 import dayjs from 'dayjs';
+import { useLocale } from '../../../../hooks/useLocale.js';
 import { addNullablePlaceholder } from '../../../../utils/vue.js';
 import { DATE_FORMAT } from '../../../../utils/date.js';
 
 var stdin_default = defineComponent((props, {
   slots
 }) => {
+  const {
+    t
+  } = useLocale();
   return () => {
     if (props.readonly) {
       const value = props.componentProps?.modelValue;
       return addNullablePlaceholder(value, val => val.map(item => dayjs(item).format(DATE_FORMAT)).join(", "));
     }
     return h(ElDatePicker, mergeProps({
-      placeholder: "\u8BF7\u9009\u62E9",
+      placeholder: t("co.common.pleaseSelect"),
       style: {
         display: "flex",
         width: "100%"

package/components/field/components/input/input.vue.js

@@ -1,16 +1,20 @@
 import { ElInput } from 'element-plus';
 import { defineComponent, h, mergeProps } from 'vue';
+import { useLocale } from '../../../../hooks/useLocale.js';
 import { addNullablePlaceholder } from '../../../../utils/vue.js';
 
 var stdin_default = defineComponent((props, {
   slots
 }) => {
+  const {
+    t
+  } = useLocale();
   return () => {
     if (props.readonly) {
       return addNullablePlaceholder(props.componentProps?.modelValue);
     }
     return h(ElInput, mergeProps({
-      placeholder: "\u8BF7\u8F93\u5165",
+      placeholder: t("co.common.pleaseInput"),
       clearable: true,
       style: {
         display: "flex"

package/components/field/components/input-tag/input-tag.vue.js

@@ -1,17 +1,21 @@
 import { ElInputTag } from 'element-plus';
 import { defineComponent, h } from 'vue';
+import { useLocale } from '../../../../hooks/useLocale.js';
 import { addNullablePlaceholder } from '../../../../utils/vue.js';
 
 var stdin_default = defineComponent((props, {
   slots
 }) => {
+  const {
+    t
+  } = useLocale();
   return () => {
     if (props.readonly) {
       const value = props.componentProps?.modelValue;
       return addNullablePlaceholder(value, val => val.join(", "));
     }
     return h(ElInputTag, {
-      placeholder: "\u8BF7\u8F93\u5165",
+      placeholder: t("co.common.pleaseInput"),
       clearable: true,
       ...props.componentProps
     }, slots);