plain-design 1.0.0-beta.145 → 1.0.0-beta.147

package/src/packages/utils/ClientZoom.ts

@@ -1,50 +1,50 @@
-import {iMouseEvent} from '@peryl/react-compose';
-
-export const ClientZoom = (() => {
-  let zoom: '' | number = '';
-  return {
-    get: (): number => {
-      return zoom === '' ? 1 : zoom;
-    },
-    set: (_zoom: number | null) => {
-      const __zoom = _zoom == null ? '' : _zoom;
-      if (zoom != __zoom) {
-        zoom = __zoom;
-      }
-      if ((document.body.style as any).zoom != zoom) {
-        (document.body.style as any).zoom = zoom;
-      }
-    },
-    getClientSize: () => {
-      const { clientHeight, clientWidth } = document.documentElement;
-      if (zoom == '' || zoom == 1) {
-        return { clientHeight, clientWidth };
-      } else {
-        return {
-          clientHeight: Math.floor(clientHeight / zoom),
-          clientWidth: Math.floor(clientWidth / zoom),
-        };
-      }
-    },
-    getClientPosition: (e: iMouseEvent | MouseEvent): { clientX: number, clientY: number, offsetX: number, offsetY: number, } => {
-      const { clientX, clientY, offsetX, offsetY } = 'nativeEvent' in e ? e.nativeEvent : e;
-      return {
-        clientX: ClientZoom.formatClientValue(clientX),
-        clientY: ClientZoom.formatClientValue(clientY),
-        offsetX: ClientZoom.formatClientValue(offsetX),
-        offsetY: ClientZoom.formatClientValue(offsetY),
-      };
-    },
-    formatClientValue: (val: number) => {
-      return ClientZoom.zoomPosition(val);
-    },
-    zoomPosition(val: number) {
-      const zoom = ClientZoom.get();
-      return Number((val / zoom).toFixed(2));
-    },
-    zoomSize(val: number) {
-      const zoom = ClientZoom.get();
-      return Number((val * zoom).toFixed(2));
-    },
-  };
-})();
+import {iMouseEvent} from '@peryl/react-compose';
+
+export const ClientZoom = (() => {
+  let zoom: '' | number = '';
+  return {
+    get: (): number => {
+      return zoom === '' ? 1 : zoom;
+    },
+    set: (_zoom: number | null) => {
+      const __zoom = _zoom == null ? '' : _zoom;
+      if (zoom != __zoom) {
+        zoom = __zoom;
+      }
+      if ((document.body.style as any).zoom != zoom) {
+        (document.body.style as any).zoom = zoom;
+      }
+    },
+    getClientSize: () => {
+      const { clientHeight, clientWidth } = document.documentElement;
+      if (zoom == '' || zoom == 1) {
+        return { clientHeight, clientWidth };
+      } else {
+        return {
+          clientHeight: Math.floor(clientHeight / zoom),
+          clientWidth: Math.floor(clientWidth / zoom),
+        };
+      }
+    },
+    getClientPosition: (e: iMouseEvent | MouseEvent): { clientX: number, clientY: number, offsetX: number, offsetY: number, } => {
+      const { clientX, clientY, offsetX, offsetY } = 'nativeEvent' in e ? e.nativeEvent : e;
+      return {
+        clientX: ClientZoom.formatClientValue(clientX),
+        clientY: ClientZoom.formatClientValue(clientY),
+        offsetX: ClientZoom.formatClientValue(offsetX),
+        offsetY: ClientZoom.formatClientValue(offsetY),
+      };
+    },
+    formatClientValue: (val: number) => {
+      return ClientZoom.zoomPosition(val);
+    },
+    zoomPosition(val: number) {
+      const zoom = ClientZoom.get();
+      return Number((val / zoom).toFixed(2));
+    },
+    zoomSize(val: number) {
+      const zoom = ClientZoom.get();
+      return Number((val * zoom).toFixed(2));
+    },
+  };
+})();

package/src/packages/utils/ComponentUtils.ts

@@ -1,10 +1,10 @@
-export const ComponentUtils = {
-  /**
-   * 适配taro ui的一些写法
-   * @author  韦胜健
-   * @date    2024/1/3 16:48
-   */
-  getElInfo: async (selector: string) => {
-    return document.querySelector(selector)!.getBoundingClientRect();
-  },
-};
+export const ComponentUtils = {
+  /**
+   * 适配taro ui的一些写法
+   * @author  韦胜健
+   * @date    2024/1/3 16:48
+   */
+  getElInfo: async (selector: string) => {
+    return document.querySelector(selector)!.getBoundingClientRect();
+  },
+};

package/src/packages/utils/FixInput.ts

@@ -1,3 +1,3 @@
-import {fixInputCursor} from "@peryl/react-compose";
-
-export const FixInput = fixInputCursor('input')
+import {fixInputCursor} from "@peryl/react-compose";
+
+export const FixInput = fixInputCursor('input')

package/src/packages/utils/InnerTransition.ts

@@ -1,13 +1,13 @@
-import {addClass} from "@peryl/utils/addClass";
-import {removeClass} from "@peryl/utils/removeClass";
-
-const cls = "plain-disable-inner-transition";
-
-export const InnerTransition = {
-  disable: (el: HTMLElement | null | undefined) => {
-    addClass(el, cls);
-  },
-  enable: (el: HTMLElement | null | undefined) => {
-    removeClass(el, cls);
-  },
-};
+import {addClass} from "@peryl/utils/addClass";
+import {removeClass} from "@peryl/utils/removeClass";
+
+const cls = "plain-disable-inner-transition";
+
+export const InnerTransition = {
+  disable: (el: HTMLElement | null | undefined) => {
+    addClass(el, cls);
+  },
+  enable: (el: HTMLElement | null | undefined) => {
+    removeClass(el, cls);
+  },
+};

package/src/packages/utils/LoadingText.ts

@@ -1,11 +1,11 @@
-import {reactive} from "@peryl/react-compose";
-
-export const LoadingText = reactive({ value: '...' });
-
-setInterval(() => {
-  if (LoadingText.value.length === 3) {
-    LoadingText.value = '.';
-  } else {
-    LoadingText.value += '.';
-  }
-}, 500);
+import {reactive} from "@peryl/react-compose";
+
+export const LoadingText = reactive({ value: '...' });
+
+setInterval(() => {
+  if (LoadingText.value.length === 3) {
+    LoadingText.value = '.';
+  } else {
+    LoadingText.value += '.';
+  }
+}, 500);

package/src/packages/utils/OpenController.ts

@@ -1,15 +1,15 @@
-import {inject, provide} from "@peryl/react-compose";
-
-export const OpenController = (() => {
-
-  const PROVIDE_KEY = `@@OPEN_CONTROLLER`;
-
-  return {
-    provide: (isOpen: () => boolean) => {
-      provide(PROVIDE_KEY, isOpen);
-    },
-    inject: () => {
-      return inject<(() => boolean) | null>(PROVIDE_KEY, null);
-    },
-  };
-})();
+import {inject, provide} from "@peryl/react-compose";
+
+export const OpenController = (() => {
+
+  const PROVIDE_KEY = `@@OPEN_CONTROLLER`;
+
+  return {
+    provide: (isOpen: () => boolean) => {
+      provide(PROVIDE_KEY, isOpen);
+    },
+    inject: () => {
+      return inject<(() => boolean) | null>(PROVIDE_KEY, null);
+    },
+  };
+})();

package/src/packages/utils/buildCycleIndexList.ts

@@ -1,31 +1,31 @@
-export function buildCycleIndexList({ length, current }: { length: number, current: number }) {
-
-  const sourceList = new Array(length).fill(null).map((_, index) => index);
-  const cycleIndexList = (() => {
-
-    if (sourceList.length <= 2) {
-      return sourceList;
-    }
-
-    const leftList = sourceList.slice(0, current);
-    const rightList = sourceList.slice(current + 1);
-
-    while (Math.abs(leftList.length - rightList.length) >= 2) {
-      if (leftList.length > rightList.length) {
-        rightList.push(leftList.shift()!);
-      } else {
-        leftList.unshift(rightList.pop()!);
-      }
-    }
-    return [...leftList, current, ...rightList];
-  })();
-
-  const currentIndexInCycle = cycleIndexList.indexOf(current);
-
-  const index2distance = cycleIndexList.reduce((prev, item, cycleIndex) => {
-    prev[item] = cycleIndex - currentIndexInCycle;
-    return prev;
-  }, {} as Record<number, number>);
-
-  return { cycleIndexList, currentIndexInCycle, index2distance };
-}
+export function buildCycleIndexList({ length, current }: { length: number, current: number }) {
+
+  const sourceList = new Array(length).fill(null).map((_, index) => index);
+  const cycleIndexList = (() => {
+
+    if (sourceList.length <= 2) {
+      return sourceList;
+    }
+
+    const leftList = sourceList.slice(0, current);
+    const rightList = sourceList.slice(current + 1);
+
+    while (Math.abs(leftList.length - rightList.length) >= 2) {
+      if (leftList.length > rightList.length) {
+        rightList.push(leftList.shift()!);
+      } else {
+        leftList.unshift(rightList.pop()!);
+      }
+    }
+    return [...leftList, current, ...rightList];
+  })();
+
+  const currentIndexInCycle = cycleIndexList.indexOf(current);
+
+  const index2distance = cycleIndexList.reduce((prev, item, cycleIndex) => {
+    prev[item] = cycleIndex - currentIndexInCycle;
+    return prev;
+  }, {} as Record<number, number>);
+
+  return { cycleIndexList, currentIndexInCycle, index2distance };
+}

package/src/packages/utils/clearFields.ts

@@ -1,16 +1,16 @@
-function defaultIsClear(key: string, val: any) {
-  return val == null;
-}
-
-export function clearFields<T extends Record<string, any> | null | undefined>(obj: T, isClear?: (key: string, val: any) => boolean): Partial<T> {
-  if (!obj) {return obj;}
-  if (!isClear) {
-    isClear = defaultIsClear;
-  }
-  return Object.entries(obj).reduce((prev, [key, value]) => {
-    if (!isClear!(key, value)) {
-      prev[key] = value;
-    }
-    return prev;
-  }, {} as any);
-}
+function defaultIsClear(key: string, val: any) {
+  return val == null;
+}
+
+export function clearFields<T extends Record<string, any> | null | undefined>(obj: T, isClear?: (key: string, val: any) => boolean): Partial<T> {
+  if (!obj) {return obj;}
+  if (!isClear) {
+    isClear = defaultIsClear;
+  }
+  return Object.entries(obj).reduce((prev, [key, value]) => {
+    if (!isClear!(key, value)) {
+      prev[key] = value;
+    }
+    return prev;
+  }, {} as any);
+}