@ftjs/antd 1.4.0 → 2.1.0

package/dist/index.js

@@ -1,5 +1,5 @@
-import { getField, useFormItem, unrefs, useFormInject, toValueWithForm, useForm, set, useTable, get } from "@ftjs/core";
-import { computed, toValue, createVNode, mergeProps, unref, createTextVNode, isVNode, defineComponent, createBlock, openBlock, resolveDynamicComponent, createElementBlock, Fragment, renderList, ref, useId, withCtx, renderSlot, createCommentVNode, toDisplayString, createElementVNode, onMounted, h, useTemplateRef, normalizeStyle, createSlots, normalizeProps } from "vue";
+import { getField, useFormItem, useLocale, unrefs, useFormInject, toValueWithForm, useForm, set, useTable, get } from "@ftjs/core";
+import { computed, toValue, createVNode, mergeProps, unref, createTextVNode, isVNode, defineComponent, createBlock, openBlock, resolveDynamicComponent, createElementBlock, Fragment, renderList, normalizeClass, ref, useId, withCtx, renderSlot, createCommentVNode, toDisplayString, createElementVNode, onMounted, h, useTemplateRef, normalizeStyle, createSlots, normalizeProps } from "vue";
 import { FormItem, Input, Select, DatePicker, RangePicker, Radio, Textarea, Upload, Cascader, AutoComplete, CheckboxGroup, InputNumber, Mentions, Rate, Slider, Switch, TreeSelect, Form, Button, Modal, Tree, Divider, Spin, Pagination } from "ant-design-vue";
 import dayjs from "dayjs";
 import { SwapOutlined, SettingOutlined } from "@ant-design/icons-vue";
@@ -22,9 +22,10 @@ const input = defineFormItem((props) => {
     props
   });
   const formItemProps = useFormItemProps(props.column);
+  const locale = useLocale();
   return () => {
     const _props = unrefs(props.column.props);
-    const placeholder = `请输入${formItemProps.value.label}`;
+    const placeholder = locale.value.placeholder.input(formItemProps.value.label);
     return createVNode(FormItem, formItemProps.value, {
       default: () => [props.isView ? createVNode("div", null, [valueComputed.value]) : createVNode(Input, mergeProps({
         "value": valueComputed.value,
@@ -43,8 +44,9 @@ const select = defineFormItem((props) => {
     props
   });
   const formItemProps = useFormItemProps(props.column);
+  const locale = useLocale();
   const placeholder = computed(() => {
-    return `请选择${formItemProps.value.label}`;
+    return locale.value.placeholder.select(formItemProps.value.label);
   });
   const isViewTextVNode = computed(() => {
     var _a, _b;
@@ -172,9 +174,10 @@ const textarea = defineFormItem((props) => {
     props
   });
   const formItemProps = useFormItemProps(props.column);
+  const locale = useLocale();
   return () => {
     const _props = unrefs(props.column.props);
-    const placeholder = `请输入${formItemProps.value.label}`;
+    const placeholder = locale.value.placeholder.input(formItemProps.value.label);
     return createVNode(FormItem, formItemProps.value, {
       default: () => [props.isView ? createVNode("div", null, [valueComputed.value]) : createVNode(Textarea, mergeProps({
         "value": valueComputed.value,
@@ -231,9 +234,10 @@ const cascader = defineFormItem((props) => {
     props
   });
   const formItemProps = useFormItemProps(props.column);
+  const locale = useLocale();
   return () => {
     const _props = unrefs(props.column.props);
-    const placeholder = `请选择${formItemProps.value.label}`;
+    const placeholder = locale.value.placeholder.select(formItemProps.value.label);
     const getTextFromOptions = (options, value, level = 0) => {
       if (!options || !value || level >= value.length) return void 0;
       const currentValue = value[level];
@@ -273,13 +277,14 @@ const autoComplete = defineFormItem((props) => {
     props
   });
   const formItemProps = useFormItemProps(props.column);
+  const locale = useLocale();
   return () => {
     const _props = unrefs(props.column.props);
     return createVNode(FormItem, formItemProps.value, {
       default: () => [props.isView ? createVNode("div", null, [valueComputed.value || "-"]) : createVNode(AutoComplete, mergeProps({
         "value": valueComputed.value,
         "onUpdate:value": ($event) => valueComputed.value = $event,
-        "placeholder": `请输入${formItemProps.value.label}`,
+        "placeholder": locale.value.placeholder.input(formItemProps.value.label),
         "allowClear": true
       }, _props), null)]
     });
@@ -342,13 +347,14 @@ const inputNumber = defineFormItem((props) => {
     props
   });
   const formItemProps = useFormItemProps(props.column);
+  const locale = useLocale();
   return () => {
     const _props = unrefs(props.column.props);
     return createVNode(FormItem, formItemProps.value, {
       default: () => [props.isView ? createVNode("div", null, [valueComputed.value]) : createVNode(InputNumber, mergeProps({
         "value": valueComputed.value,
         "onUpdate:value": ($event) => valueComputed.value = $event,
-        "placeholder": `请输入${formItemProps.value.label}`
+        "placeholder": locale.value.placeholder.input(formItemProps.value.label)
       }, _props), null)]
     });
   };
@@ -436,6 +442,7 @@ const treeSelect = defineFormItem((props) => {
     props
   });
   const formItemProps = useFormItemProps(props.column);
+  const locale = useLocale();
   const isViewText = computed(() => {
     var _a, _b;
     if (props.isView && valueComputed.value) {
@@ -462,7 +469,7 @@ const treeSelect = defineFormItem((props) => {
   });
   return () => {
     const _props = unrefs(props.column.props);
-    const placeholder = `请输入${formItemProps.value.label}`;
+    const placeholder = locale.value.placeholder.select(formItemProps.value.label);
     return createVNode(FormItem, formItemProps.value, {
       default: () => [props.isView ? createVNode("div", {
         "style": isViewOptionsStyle
@@ -489,8 +496,7 @@ function registerForm(type, Component) {
 }
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   ...{
-    name: "FtAntdFormContentItem",
-    inheritAttrs: false
+    name: "FtAntdFormContentItem"
   },
   __name: "form-content-item",
   props: {
@@ -534,8 +540,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         return openBlock(), createBlock(_sfc_main$4, {
           key: unref(getField)(column),
           column,
-          "is-view": _ctx.isView
-        }, null, 8, ["column", "is-view"]);
+          "is-view": _ctx.isView,
+          class: normalizeClass({
+            "ftjs-form-is-view": _ctx.isView
+          })
+        }, null, 8, ["column", "is-view", "class"]);
       }), 128);
     };
   }
@@ -551,18 +560,19 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     hideFooter: { type: Boolean },
     hideConfirm: { type: Boolean },
     hideReset: { type: Boolean },
-    confirmText: { default: "确认" },
-    resetText: { default: "重置" },
+    confirmText: {},
+    resetText: {},
     columns: {},
     internalFormProps: {},
     formData: {},
-    "onUpdate:formData": {},
-    onSubmit: {},
+    "onUpdate:formData": { type: Function },
+    onSubmit: { type: Function },
     isView: { type: Boolean },
     cache: {}
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
+    const locale = useLocale();
     const { getFormData, visibleColumns, form, resetToDefault, setAsDefault } = useForm(props);
     const { rules } = useRules(props);
     const formRef = ref();
@@ -616,7 +626,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 htmlType: "submit"
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.confirmText), 1)
+                  createTextVNode(toDisplayString(_ctx.confirmText ?? unref(locale).form.submit), 1)
                 ]),
                 _: 1
               })) : createCommentVNode("", true),
@@ -628,7 +638,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                 onClick: _cache[0] || (_cache[0] = () => unref(resetToDefault)())
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.resetText), 1)
+                  createTextVNode(toDisplayString(_ctx.resetText ?? unref(locale).form.reset), 1)
                 ]),
                 _: 1
               })) : createCommentVNode("", true)
@@ -641,9 +651,10 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = { style: { "text-align": "center" } };
-const _hoisted_2$1 = { style: { "display": "flex" } };
-const _hoisted_3 = { style: { "display": "flex", "gap": "10px" } };
+const _hoisted_1$1 = { style: { "font-size": "12px", "color": "gray" } };
+const _hoisted_2$1 = { style: { "text-align": "center" } };
+const _hoisted_3 = { style: { "display": "flex" } };
+const _hoisted_4 = { style: { "display": "flex", "gap": "10px" } };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   ...{
     name: "FtAntdFormSearch",
@@ -661,6 +672,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
+    const locale = useLocale();
     const {
       visibleColumns,
       form,
@@ -701,7 +713,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const settingModal = ref(false);
     let oldSortList = [];
     const createColumnsTree = () => {
-      const treeData = [{ title: "全选", key: "__all", children: [] }];
+      const treeData = [
+        {
+          title: locale.value.searchSettings.selectAll,
+          key: "__all",
+          children: []
+        }
+      ];
       const children = [];
       for (const column of props.columns) {
         const key = getField(column);
@@ -782,31 +800,31 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           maskClosable: false,
           destroyOnClose: ""
         }, {
-          title: withCtx(() => _cache[3] || (_cache[3] = [
+          title: withCtx(() => [
             createElementVNode("span", null, [
-              createTextVNode(" 配置筛选项 "),
-              createElementVNode("span", { style: { "font-size": "12px", "color": "gray" } }, " (可拖动排序) ")
-            ], -1)
-          ])),
+              createTextVNode(toDisplayString(unref(locale).searchSettings.title) + " ", 1),
+              createElementVNode("span", _hoisted_1$1, toDisplayString(unref(locale).searchSettings.dragHint), 1)
+            ])
+          ]),
           footer: withCtx(() => [
-            createElementVNode("div", _hoisted_1$1, [
+            createElementVNode("div", _hoisted_2$1, [
               createVNode(unref(Button), {
                 type: "primary",
                 danger: "",
                 onClick: onCancel
               }, {
-                default: withCtx(() => _cache[4] || (_cache[4] = [
-                  createTextVNode(" 重置 ")
-                ])),
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(locale).searchSettings.reset), 1)
+                ]),
                 _: 1
               }),
               createVNode(unref(Button), {
                 type: "primary",
                 onClick: onSettingOk
               }, {
-                default: withCtx(() => _cache[5] || (_cache[5] = [
-                  createTextVNode(" 保存 ")
-                ])),
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(locale).searchSettings.save), 1)
+                ]),
                 _: 1
               })
             ])
@@ -826,7 +844,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               onDrop
             }, {
               title: withCtx((node) => [
-                createElementVNode("div", _hoisted_2$1, [
+                createElementVNode("div", _hoisted_3, [
                   createElementVNode("span", null, toDisplayString(node.title), 1),
                   node.key !== "__all" ? (openBlock(), createBlock(unref(SwapOutlined), {
                     key: 0,
@@ -853,7 +871,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             }, null, 8, ["columns", "is-view"]),
             createVNode(unref(FormItem), { style: { "--ft-form-control-width": "220px" } }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_3, [
+                createElementVNode("div", _hoisted_4, [
                   _ctx.cache ? (openBlock(), createBlock(unref(Button), {
                     key: 0,
                     onClick: setting
@@ -862,7 +880,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       createVNode(unref(SettingOutlined))
                     ]),
                     default: withCtx(() => [
-                      _cache[6] || (_cache[6] = createTextVNode(" 配置 "))
+                      createTextVNode(" " + toDisplayString(unref(locale).form.settings), 1)
                     ]),
                     _: 1
                   })) : createCommentVNode("", true),
@@ -870,9 +888,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     type: "primary",
                     htmlType: "submit"
                   }, {
-                    default: withCtx(() => _cache[7] || (_cache[7] = [
-                      createTextVNode(" 查询 ")
-                    ])),
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(locale).form.search), 1)
+                    ]),
                     _: 1
                   }),
                   createVNode(unref(Button), {
@@ -881,9 +899,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                     htmlType: "reset",
                     onClick: _cache[2] || (_cache[2] = () => unref(resetToDefault)())
                   }, {
-                    default: withCtx(() => _cache[8] || (_cache[8] = [
-                      createTextVNode(" 重置 ")
-                    ])),
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(locale).form.reset), 1)
+                    ]),
                     _: 1
                   })
                 ])

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ftjs/antd",
-  "version": "1.4.0",
+  "version": "2.1.0",
   "keywords": [],
   "author": "",
   "license": "MIT",
@@ -30,12 +30,12 @@
     "vite": "^6.1.0",
     "vite-plugin-dts": "^4.5.0",
     "vue-tsc": "2.2.0",
-    "@ftjs/core": "1.2.1"
+    "@ftjs/core": "1.3.1"
   },
   "peerDependencies": {
     "@ant-design/icons-vue": ">=7.0.0",
     "vue": ">=3.3.0",
-    "@ftjs/core": "^1.2.1",
+    "@ftjs/core": "^1.3.1",
     "ant-design-vue": ">=4.0.0",
     "dayjs": ">=1.0.0",
     "vxe-table": ">=4.0.0"