@ftjs/core 1.2.1 → 1.3.0

package/dist/index.d.ts

@@ -1,3 +1,4 @@
 export * from './form';
 export * from './table';
+export * from './locale';
 export type * from './type-helper';

package/dist/index.js

@@ -1,4 +1,4 @@
-import { unref, inject, computed, ref, watch, onScopeDispose, provide, toValue, watchEffect, nextTick } from "vue";
+import { unref, inject, computed, ref, watch, onScopeDispose, provide, toValue, watchEffect, nextTick, shallowRef } from "vue";
 const isBrowser = typeof window !== "undefined";
 const getField = (column) => {
   var _a;
@@ -137,6 +137,14 @@ const isEqual = (a, b) => {
     (key) => Object.prototype.hasOwnProperty.call(b, key) && isEqual(a[key], b[key])
   );
 };
+function forEachTree(tree, cb) {
+  for (const item of tree) {
+    cb(item);
+    if (item.children) {
+      forEachTree(item.children, cb);
+    }
+  }
+}
 function isFormGetter(fn) {
   return typeof fn === "function";
 }
@@ -253,20 +261,30 @@ const getFieldsAndValues = (column) => {
   return { fields, values };
 };
 const useForm = (props) => {
-  var _a;
   const columns = computed(() => props.columns);
-  const formLocal = ref(props.formData ?? {});
-  if (props.formData == null) {
-    (_a = props["onUpdate:formData"]) == null ? void 0 : _a.call(props, formLocal.value);
-  }
+  const formLocal = ref();
+  watch(
+    () => props.formData,
+    (v) => {
+      var _a;
+      if (v == null) {
+        v = {};
+        (_a = props["onUpdate:formData"]) == null ? void 0 : _a.call(props, v);
+      }
+      formLocal.value = v;
+    },
+    {
+      immediate: true
+    }
+  );
   const form = computed({
     get() {
       return formLocal.value;
     },
     set(v) {
-      var _a2;
+      var _a;
       formLocal.value = v;
-      (_a2 = props["onUpdate:formData"]) == null ? void 0 : _a2.call(props, v);
+      (_a = props["onUpdate:formData"]) == null ? void 0 : _a.call(props, v);
     }
   });
   const { columnsChecked, resetColumnsChecked } = useColumnsChecked(
@@ -293,9 +311,9 @@ const useForm = (props) => {
   });
   const visibleColumns = computed(() => {
     return columns.value.filter((column) => {
-      var _a2;
+      var _a;
       const key = getField(column);
-      return !hideFieldSet.value.has(key) && (((_a2 = columnsChecked.value) == null ? void 0 : _a2.includes(key)) ?? true);
+      return !hideFieldSet.value.has(key) && (((_a = columnsChecked.value) == null ? void 0 : _a.includes(key)) ?? true);
     }).sort((a, b) => {
       const keyA = getField(a);
       const keyB = getField(b);
@@ -529,22 +547,26 @@ const useFormItem = (options) => {
 };
 const useTable = (props) => {
   const formColumns = computed(() => {
-    const fromTable = props.columns.filter((e) => e.search).map((e) => {
-      if (typeof e.search === "string") {
-        return {
-          field: e.field,
-          title: e.title,
-          type: e.search
-        };
+    const tableSearch = [];
+    forEachTree(props.columns, (e) => {
+      if (e.search) {
+        if (typeof e.search === "string") {
+          tableSearch.push({
+            field: e.field,
+            title: e.title,
+            type: e.search
+          });
+        } else {
+          tableSearch.push({
+            field: e.field,
+            title: e.title,
+            ...e.search
+          });
+        }
       }
-      return {
-        field: e.field,
-        title: e.title,
-        ...e.search
-      };
     });
     return [
-      ...fromTable,
+      ...tableSearch,
       ...props.searchColumns ?? []
     ];
   });
@@ -552,8 +574,63 @@ const useTable = (props) => {
     formColumns
   };
 };
+const zhCN = {
+  form: {
+    submit: "确认",
+    reset: "重置",
+    search: "查询",
+    settings: "配置"
+  },
+  searchSettings: {
+    title: "配置筛选项",
+    dragHint: "(可拖动排序)",
+    selectAll: "全选",
+    reset: "重置",
+    save: "保存"
+  },
+  placeholder: {
+    input: (label) => label ? `请输入${label}` : "请输入",
+    select: (label) => label ? `请选择${label}` : "请选择"
+  },
+  datePicker: {
+    startTime: "开始时间",
+    endTime: "结束时间"
+  }
+};
+const enUS = {
+  form: {
+    submit: "Submit",
+    reset: "Reset",
+    search: "Search",
+    settings: "Settings"
+  },
+  searchSettings: {
+    title: "Configure Filters",
+    dragHint: "(drag to sort)",
+    selectAll: "Select All",
+    reset: "Reset",
+    save: "Save"
+  },
+  placeholder: {
+    input: (label) => label ? `Please enter ${label}` : "Please enter",
+    select: (label) => label ? `Please select ${label}` : "Please select"
+  },
+  datePicker: {
+    startTime: "Start Time",
+    endTime: "End Time"
+  }
+};
+const currentLocale = shallowRef(zhCN);
+function setLocale(locale) {
+  currentLocale.value = locale;
+}
+function useLocale() {
+  return currentLocale;
+}
 export {
   cloneDeep,
+  enUS,
+  forEachTree,
   get,
   getDefaultValues,
   getField,
@@ -564,11 +641,14 @@ export {
   isEqual,
   isFormGetter,
   set,
+  setLocale,
   setStorage,
   toValueWithForm,
   unrefs,
   useForm,
   useFormInject,
   useFormItem,
-  useTable
+  useLocale,
+  useTable,
+  zhCN
 };

package/dist/locale/index.d.ts

@@ -0,0 +1,68 @@
+/**
+ * Locale definition for ftjs components
+ */
+export interface FtLocale {
+    form: {
+        /** 提交/确认按钮文本 */
+        submit: string;
+        /** 重置按钮文本 */
+        reset: string;
+        /** 查询按钮文本 */
+        search: string;
+        /** 配置按钮文本 */
+        settings: string;
+    };
+    searchSettings: {
+        /** 配置筛选项标题 */
+        title: string;
+        /** 可拖动排序提示 */
+        dragHint: string;
+        /** 全选文本 */
+        selectAll: string;
+        /** 重置按钮文本 */
+        reset: string;
+        /** 保存按钮文本 */
+        save: string;
+    };
+    placeholder: {
+        /** 请输入{label} */
+        input: (label?: string) => string;
+        /** 请选择{label} */
+        select: (label?: string) => string;
+    };
+    datePicker: {
+        /** 开始时间 */
+        startTime: string;
+        /** 结束时间 */
+        endTime: string;
+    };
+}
+/**
+ * 简体中文 locale
+ */
+export declare const zhCN: FtLocale;
+/**
+ * English locale
+ */
+export declare const enUS: FtLocale;
+/**
+ * 设置当前 locale
+ *
+ * @example
+ * ```ts
+ * import { setLocale, enUS } from '@ftjs/core'
+ * setLocale(enUS)
+ * ```
+ */
+export declare function setLocale(locale: FtLocale): void;
+/**
+ * 获取当前 locale (响应式)
+ *
+ * @example
+ * ```ts
+ * import { useLocale } from '@ftjs/core'
+ * const locale = useLocale()
+ * console.log(locale.value.form.submit) // "确认" or "Submit"
+ * ```
+ */
+export declare function useLocale(): import('vue').ShallowRef<FtLocale, FtLocale>;

package/dist/table/types.d.ts

@@ -18,6 +18,10 @@ export interface FtTableColumn<TableData extends Record<string, any>, SColumn ex
      * 搜索配置
      */
     search?: SColumn;
+    /**
+     * 子列，用于表头合并
+     */
+    children?: FtTableColumn<TableData, SColumn>[];
 }
 export interface FtBaseTableProps<T extends Record<string, any>, TableColumn extends FtTableColumn<T>, SearchColumn extends FtFormColumnBase<any>> {
     /**

package/dist/utils.d.ts

@@ -36,3 +36,9 @@ export declare const setStorage: (key: string, value: any, cache?: string) => vo
  * 不考虑循环引用
  */
 export declare const isEqual: (a: any, b: any) => any;
+interface TreeData {
+    children?: TreeData[];
+    [key: string]: any;
+}
+export declare function forEachTree<T extends TreeData>(tree: T[], cb: (item: T) => void): void;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ftjs/core",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "keywords": [],
   "author": "",
   "license": "MIT",
@@ -34,6 +34,16 @@
   "peerDependencies": {
     "vue": ">=3.3.0"
   },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/",
+    "provenance": true
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/yuhengshen/ftjs",
+    "directory": "packages/core"
+  },
   "scripts": {
     "build": "vite build",
     "minify": "pnpm dlx esbuild ./dist/index.js --minify --outfile=./dist/index.min.js",