@tmagic/utils 1.4.4 → 1.4.6

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.4.4",
+  "version": "1.4.6",
   "name": "@tmagic/utils",
   "type": "module",
   "main": "dist/tmagic-utils.umd.cjs",
@@ -25,23 +25,28 @@
     "url": "https://github.com/Tencent/tmagic-editor.git"
   },
   "dependencies": {
-    "@tmagic/schema": "1.4.4",
-    "dayjs": "^1.11.4",
+    "dayjs": "^1.11.11",
     "lodash-es": "^4.17.21"
   },
-  "peerDependencies": {
-    "dayjs": "^1.11.4"
-  },
   "devDependencies": {
     "@types/lodash-es": "^4.17.4",
     "@types/node": "^18.19.0",
     "rimraf": "^3.0.2",
-    "typescript": "^5.4.2",
-    "vite": "^5.1.6"
+    "vite": "^5.2.11"
+  },
+  "peerDependencies": {
+    "typescript": "*",
+    "@tmagic/schema": "1.4.6"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
   },
   "scripts": {
     "build": "rimraf ./dist && npm run build:type && vite build --mode=es && vite build --mode=umd",
     "build:type": "npm run clear:type && tsc --declaration --emitDeclarationOnly --project tsconfig.build.json",
-    "clear:type": "rimraf ./types"
+    "clear:type": "rimraf ./types",
+    "check:type": "tsc --noEmit --project tsconfig.build.json"
   }
 }

package/src/dom.ts

@@ -110,3 +110,15 @@ export const createDiv = ({ className, cssText }: { className: string; cssText:
 };
 
 export const getDocument = () => globalThis.document;
+
+export const calcValueByFontsize = (doc: Document | undefined, value: number) => {
+  if (!doc) return value;
+  const { fontSize } = doc.documentElement.style;
+
+  if (fontSize) {
+    const times = globalThis.parseFloat(fontSize) / 100;
+    return Number((value / times).toFixed(2));
+  }
+
+  return value;
+};

package/src/index.ts

@@ -25,8 +25,6 @@ import { NodeType } from '@tmagic/schema';
 
 export * from './dom';
 
-dayjs.extend(utc);
-
 export const sleep = (ms: number): Promise<void> =>
   new Promise((resolve) => {
     const timer = setTimeout(() => {
@@ -45,6 +43,7 @@ export const datetimeFormatter = (
     if (['x', 'timestamp'].includes(format)) {
       time = dayjs(v).valueOf();
     } else if ((typeof v === 'string' && v.includes('Z')) || v.constructor === Date) {
+      dayjs.extend(utc);
       // UTC字符串时间或Date对象格式化为北京时间
       time = dayjs(v).utcOffset(8).format(format);
     } else {
@@ -165,9 +164,12 @@ export const guid = (digit = 8): string =>
     return v.toString(16);
   });
 
-export const getValueByKeyPath: any = (keys: string | string[] = '', data: Record<string | number, any> = {}) => {
+export const getValueByKeyPath = (
+  keys: number | string | string[] = '',
+  data: Record<string | number, any> = {},
+): any => {
   // 将 array[0] 转成 array.0
-  const keyArray = Array.isArray(keys) ? keys : keys.replaceAll(/\[(\d+)\]/g, '.$1').split('.');
+  const keyArray = Array.isArray(keys) ? keys : `${keys}`.replaceAll(/\[(\d+)\]/g, '.$1').split('.');
   return keyArray.reduce((accumulator, currentValue: any) => {
     if (isObject(accumulator) || Array.isArray(accumulator)) {
       return accumulator[currentValue];
@@ -177,7 +179,7 @@ export const getValueByKeyPath: any = (keys: string | string[] = '', data: Recor
   }, data);
 };
 
-export const setValueByKeyPath: any = (keys: string, value: any, data: Record<string | number, any> = {}) =>
+export const setValueByKeyPath = (keys: string | number, value: any, data: Record<string | number, any> = {}): any =>
   objectSet(data, keys, value);
 
 export const getNodes = (ids: Id[], data: MNode[] = []): MNode[] => {
@@ -390,6 +392,8 @@ export const getDefaultValueFromFields = (fields: DataSchema[]) => {
 
 export const DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX = 'ds-field::';
 
+export const DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX = 'ds-field-changed';
+
 export const getKeys = Object.keys as <T extends object>(obj: T) => Array<keyof T>;
 
 export const calculatePercentage = (value: number, percentageStr: string) => {

package/types/dom.d.ts

@@ -9,3 +9,4 @@ export declare const createDiv: ({ className, cssText }: {
     cssText: string;
 }) => HTMLDivElement;
 export declare const getDocument: () => Document;
+export declare const calcValueByFontsize: (doc: Document | undefined, value: number) => number;

package/types/index.d.ts

@@ -27,8 +27,8 @@ export declare const isSameDomain: (targetUrl?: string, source?: string) => bool
  * @returns
  */
 export declare const guid: (digit?: number) => string;
-export declare const getValueByKeyPath: any;
-export declare const setValueByKeyPath: any;
+export declare const getValueByKeyPath: (keys?: number | string | string[], data?: Record<string | number, any>) => any;
+export declare const setValueByKeyPath: (keys: string | number, value: any, data?: Record<string | number, any>) => any;
 export declare const getNodes: (ids: Id[], data?: MNode[]) => MNode[];
 export declare const getDepKeys: (dataSourceDeps: DataSourceDeps | undefined, nodeId: Id) => Id[];
 export declare const getDepNodeIds: (dataSourceDeps?: DataSourceDeps) => string[];
@@ -44,6 +44,7 @@ export declare const compiledNode: (compile: (value: any) => any, node: MNode, d
 export declare const compiledCond: (op: string, fieldValue: any, inputValue: any, range?: number[]) => boolean;
 export declare const getDefaultValueFromFields: (fields: DataSchema[]) => Record<string, any>;
 export declare const DATA_SOURCE_FIELDS_SELECT_VALUE_PREFIX = "ds-field::";
+export declare const DATA_SOURCE_FIELDS_CHANGE_EVENT_PREFIX = "ds-field-changed";
 export declare const getKeys: <T extends object>(obj: T) => Array<keyof T>;
 export declare const calculatePercentage: (value: number, percentageStr: string) => number;
 export declare const isPercentage: (value: number | string) => boolean;