@ftjs/tdesign 1.2.1 → 2.1.0

package/dist/index.js

@@ -1,5 +1,5 @@
-import { computed, toValue, createVNode, mergeProps, createTextVNode, h, isVNode, defineComponent, createBlock, openBlock, resolveDynamicComponent, unref, createElementBlock, Fragment, renderList, normalizeStyle, ref, useId, withCtx, renderSlot, createCommentVNode, createElementVNode } from "vue";
-import { getField, set, useFormItem, useFormInject, toValueWithForm, unrefs, useForm } from "@ftjs/core";
+import { computed, toValue, createVNode, mergeProps, createTextVNode, h, isVNode, defineComponent, createBlock, openBlock, resolveDynamicComponent, unref, createElementBlock, Fragment, renderList, normalizeClass, normalizeStyle, ref, useId, withCtx, renderSlot, createCommentVNode, toDisplayString, createElementVNode } from "vue";
+import { getField, set, useFormItem, useLocale, useFormInject, toValueWithForm, unrefs, useForm } from "@ftjs/core";
 import { FormItem, AutoComplete as AutoComplete$1, Cascader as Cascader$1, CheckboxGroup, ColorPicker as ColorPicker$1, DatePicker as DatePicker$1, DateRangePicker as DateRangePicker$1, Input as Input$1, InputAdornment, InputNumber as InputNumber$1, Tag, TagInput as TagInput$1, RadioGroup, RangeInput as RangeInput$1, Select as Select$1, Slider as Slider$1, Switch as Switch$1, Textarea as Textarea$1, TimePicker as TimePicker$1, TreeSelect as TreeSelect$1, Form, Button, Dialog, Tree } from "tdesign-vue-next";
 import { MoveIcon, SettingIcon } from "tdesign-icons-vue-next";
 const useFormItemProps = (column) => {
@@ -32,12 +32,13 @@ const AutoComplete = defineFormItem((props) => {
     props
   });
   const formItemProps = useFormItemProps(props.column);
+  const locale = useLocale();
   return () => {
     return createVNode(FormItem, formItemProps.value, {
       default: () => [props.isView ? createVNode("div", null, [valueComputed.value || "-"]) : createVNode(AutoComplete$1, mergeProps({
         "value": valueComputed.value,
         "onUpdate:value": ($event) => valueComputed.value = $event,
-        "placeholder": `请输入${formItemProps.value.label}`
+        "placeholder": locale.value.placeholder.input(formItemProps.value.label)
       }, props.unrefsProps), null)]
     });
   };
@@ -111,6 +112,7 @@ const Cascader = defineFormItem((props) => {
     props
   });
   const formItemProps = useFormItemProps(props.column);
+  const locale = useLocale();
   return () => {
     const _props = props.unrefsProps;
     const viewRender = () => {
@@ -125,7 +127,7 @@ const Cascader = defineFormItem((props) => {
       }, [viewRender()]) : createVNode(Cascader$1, mergeProps({
         "value": valueComputed.value,
         "onUpdate:value": ($event) => valueComputed.value = $event,
-        "placeholder": `请选择${formItemProps.value.label}`
+        "placeholder": locale.value.placeholder.select(formItemProps.value.label)
       }, _props), null)]
     });
   };
@@ -245,6 +247,7 @@ const DatePicker = defineFormItem((props) => {
     props
   });
   const formItemProps = useFormItemProps(props.column);
+  const locale = useLocale();
   return () => {
     return createVNode(FormItem, formItemProps.value, {
       default: () => [props.isView ? createVNode("div", null, [valueComputed.value || "-"]) : (
@@ -252,7 +255,7 @@ const DatePicker = defineFormItem((props) => {
         createVNode(DatePicker$1, mergeProps({
           "value": valueComputed.value,
           "onUpdate:value": ($event) => valueComputed.value = $event,
-          "placeholder": `请输入${formItemProps.value.label}`
+          "placeholder": locale.value.placeholder.select(formItemProps.value.label)
         }, props.unrefsProps), null)
       )]
     });
@@ -265,12 +268,13 @@ const DateRangePicker = defineFormItem((props) => {
     props
   });
   const formItemProps = useFormItemProps(props.column);
+  const locale = useLocale();
   return () => {
     return createVNode(FormItem, formItemProps.value, {
       default: () => [props.isView ? createVNode("div", null, [valueComputed.value ? valueComputed.value.join(" ~ ") : "-"]) : createVNode(DateRangePicker$1, mergeProps({
         "value": valueComputed.value,
         "onUpdate:value": ($event) => valueComputed.value = $event,
-        "placeholder": `请输入${formItemProps.value.label}`
+        "placeholder": locale.value.placeholder.select(formItemProps.value.label)
       }, props.unrefsProps), null)]
     });
   };
@@ -285,6 +289,7 @@ const Input = defineFormItem((props) => {
     props
   });
   const formItemProps = useFormItemProps(props.column);
+  const locale = useLocale();
   return () => {
     var _a, _b;
     let _slot;
@@ -294,7 +299,7 @@ const Input = defineFormItem((props) => {
       const inputVNode = createVNode(Input$1, mergeProps({
         "value": valueComputed.value,
         "onUpdate:value": ($event) => valueComputed.value = $event,
-        "placeholder": `请输入${formItemProps.value.label}`
+        "placeholder": locale.value.placeholder.input(formItemProps.value.label)
       }, props.unrefsProps), null);
       if (append || prepend) {
         return createVNode(InputAdornment, {
@@ -327,12 +332,13 @@ const InputNumber = defineFormItem((props) => {
     props
   });
   const formItemProps = useFormItemProps(props.column);
+  const locale = useLocale();
   return () => {
     return createVNode(FormItem, formItemProps.value, {
       default: () => [props.isView ? createVNode("div", null, [valueComputed.value || "-"]) : createVNode(InputNumber$1, mergeProps({
         "value": valueComputed.value,
         "onUpdate:value": ($event) => valueComputed.value = $event,
-        "placeholder": `请输入${formItemProps.value.label}`
+        "placeholder": locale.value.placeholder.input(formItemProps.value.label)
       }, props.unrefsProps), null)]
     });
   };
@@ -347,6 +353,7 @@ const TagInput = defineFormItem((props) => {
     props
   });
   const formItemProps = useFormItemProps(props.column);
+  const locale = useLocale();
   return () => {
     return createVNode(FormItem, formItemProps.value, {
       default: () => {
@@ -361,7 +368,7 @@ const TagInput = defineFormItem((props) => {
         })) || "-"]) : createVNode(TagInput$1, mergeProps({
           "value": valueComputed.value,
           "onUpdate:value": ($event) => valueComputed.value = $event,
-          "placeholder": `请输入${formItemProps.value.label}`
+          "placeholder": locale.value.placeholder.input(formItemProps.value.label)
         }, props.unrefsProps), null)];
       }
     });
@@ -492,6 +499,7 @@ const Textarea = defineFormItem((props) => {
     props
   });
   const formItemProps = useFormItemProps(props.column);
+  const locale = useLocale();
   return () => {
     const viewRender = () => {
       return valueComputed.value ?? "-";
@@ -500,7 +508,7 @@ const Textarea = defineFormItem((props) => {
       default: () => [props.isView ? createVNode("div", null, [viewRender()]) : createVNode(Textarea$1, mergeProps({
         "value": valueComputed.value,
         "onUpdate:value": ($event) => valueComputed.value = $event,
-        "placeholder": `请输入${props.column.title}`
+        "placeholder": locale.value.placeholder.input(formItemProps.value.label)
       }, props.unrefsProps), null)]
     });
   };
@@ -631,8 +639,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           key: unref(getField)(column),
           column,
           "is-view": _ctx.isView,
-          style: normalizeStyle(getStyle(column))
-        }, null, 8, ["column", "is-view", "style"]);
+          style: normalizeStyle(getStyle(column)),
+          class: normalizeClass({
+            "ftjs-form-is-view": _ctx.isView
+          })
+        }, null, 8, ["column", "is-view", "style", "class"]);
       }), 128);
     };
   }
@@ -658,6 +669,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
+    const locale = useLocale();
     const { getFormData, visibleColumns, form, resetToDefault, setAsDefault } = useForm(props);
     const formRef = ref();
     const { rules } = useRules(props);
@@ -705,9 +717,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 theme: "primary",
                 type: "submit"
               }, {
-                default: withCtx(() => _cache[1] || (_cache[1] = [
-                  createTextVNode(" 提交 ")
-                ])),
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(locale).form.submit), 1)
+                ]),
                 _: 1
               })) : createCommentVNode("", true),
               !_ctx.hideReset ? (openBlock(), createBlock(unref(Button), {
@@ -716,9 +728,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 theme: "danger",
                 onClick: _cache[0] || (_cache[0] = () => unref(resetToDefault)())
               }, {
-                default: withCtx(() => _cache[2] || (_cache[2] = [
-                  createTextVNode(" 重置 ")
-                ])),
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(locale).form.reset), 1)
+                ]),
                 _: 1
               })) : createCommentVNode("", true)
             ]),
@@ -730,8 +742,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1 = { style: { "text-align": "center" } };
-const _hoisted_2 = { style: { "display": "flex", "gap": "10px" } };
+const _hoisted_1 = { style: { "font-size": "12px", "color": "gray" } };
+const _hoisted_2 = { style: { "text-align": "center" } };
+const _hoisted_3 = { style: { "display": "flex", "gap": "10px" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "FtTdFormSearch",
@@ -751,6 +764,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props, { expose: __expose }) {
     const props = __props;
+    const locale = useLocale();
     const {
       visibleColumns,
       form,
@@ -781,7 +795,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     let oldSortList = [];
     const createColumnsTree = () => {
       const treeData = [
-        { label: "全选", value: "__all", draggable: false, children: [] }
+        {
+          label: locale.value.searchSettings.selectAll,
+          value: "__all",
+          draggable: false,
+          children: []
+        }
       ];
       const children = [];
       for (const column of props.columns) {
@@ -860,30 +879,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           width: 260,
           destroyOnClose: ""
         }, {
-          header: withCtx(() => _cache[3] || (_cache[3] = [
+          header: 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, toDisplayString(unref(locale).searchSettings.dragHint), 1)
+            ])
+          ]),
           footer: withCtx(() => [
-            createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
               createVNode(unref(Button), {
                 theme: "danger",
                 onClick: onReset
               }, {
-                default: withCtx(() => _cache[4] || (_cache[4] = [
-                  createTextVNode(" 重置 ")
-                ])),
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(locale).searchSettings.reset), 1)
+                ]),
                 _: 1
               }),
               createVNode(unref(Button), {
                 theme: "primary",
                 onClick: onSettingOk
               }, {
-                default: withCtx(() => _cache[5] || (_cache[5] = [
-                  createTextVNode(" 保存 ")
-                ])),
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(locale).searchSettings.save), 1)
+                ]),
                 _: 1
               })
             ])
@@ -928,7 +947,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, null, 8, ["columns", "is-view"]),
             createVNode(unref(FormItem), null, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_2, [
+                createElementVNode("div", _hoisted_3, [
                   _ctx.cache ? (openBlock(), createBlock(unref(Button), {
                     key: 0,
                     theme: "primary",
@@ -939,7 +958,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       createVNode(unref(SettingIcon))
                     ]),
                     default: withCtx(() => [
-                      _cache[6] || (_cache[6] = createTextVNode(" 配置 "))
+                      createTextVNode(" " + toDisplayString(unref(locale).form.settings), 1)
                     ]),
                     _: 1
                   })) : createCommentVNode("", true),
@@ -947,18 +966,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     theme: "primary",
                     type: "submit"
                   }, {
-                    default: withCtx(() => _cache[7] || (_cache[7] = [
-                      createTextVNode(" 查询 ")
-                    ])),
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(locale).form.search), 1)
+                    ]),
                     _: 1
                   }),
                   createVNode(unref(Button), {
                     theme: "danger",
                     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/tdesign",
-  "version": "1.2.1",
+  "version": "2.1.0",
   "keywords": [],
   "author": "",
   "license": "MIT",
@@ -29,14 +29,24 @@
     "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": {
     "vue": ">=3.3.0",
-    "@ftjs/core": "^1.2.1",
+    "@ftjs/core": "^1.3.1",
     "dayjs": ">=1.0.0",
     "tdesign-vue-next": ">=1.11.5"
   },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/",
+    "provenance": true
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yuhengshen/ftjs",
+    "directory": "packages/tdesign"
+  },
   "scripts": {
     "build": "vite build",
     "minify": "pnpm dlx esbuild ./dist/index.js --minify --outfile=./dist/index.min.js"