plain-design 1.0.0-beta.4 → 1.0.0-beta.5

package/src/packages/components/createPlainAddressService/index.tsx

@@ -1,101 +1,101 @@
-import {createAddressService} from "../$address/createAddressService";
-import {eAddressTypeEnum, iAddressSyncMeta} from "../$address/address.utils";
-import {iHttp} from "../createHttp";
-import {delay} from "plain-utils/utils/delay";
-import {toArray} from "plain-utils/utils/toArray";
-
-export function createPlainAddressService(
-  {
-    http,
-    getAddress,
-  }: {
-    http: iHttp,
-    getAddress: () => Promise<iAddressSyncMeta[]>,
-  }
-) {
-  return createAddressService({
-    /*getAddress: async () => {
-      const { list } = await http.post<{ list: iPlainAddressData[] }>('/address/list', {
-        all: true,
-        orders: { field: 'code', desc: false },
-      });
-      const findAddressList = (deep: number): iAddressSyncMeta[] => {
-        const matchList = list.filter(i => i.deep == deep);
-        return matchList.map(i => ({
-          label: i.name,
-          code: i.code,
-          type: (Deep2Type)[i.deep as 1],
-          parentCode: i.parentCode,
-          children: findAddressList(InputNumber(deep) + 1)
-        }));
-      };
-      return findAddressList(0);
-    },*/
-    getAddress,
-    getAddressByCodes: async (codes) => {
-      const data = await http.post<{ list: iPlainAddressData[] }>('/address/list', {
-        all: true,
-        orders: { field: 'code', desc: false },
-        filters: [{ field: 'code', value: codes, operator: 'in' }],
-      });
-      return data.list.map(i => ({
-        label: i.name,
-        code: i.code,
-        type: (Deep2Type)[i.deep as 1],
-        parentCode: i.parentCode,
-      }));
-    },
-    getAddressByParentCodes: async (codes) => {
-      const nowTime = Date.now();
-      const data = await http.post<{ list: iPlainAddressData[] }>('/address/list', {
-        all: true,
-        orders: { field: 'code', desc: false },
-        filters: [{ field: 'parentCode', value: codes, operator: 'in' }],
-      });
-      const delayTime = 500 - (Date.now() - nowTime);
-      if (delayTime > 0) {
-        await delay(delayTime);
-      }
-      return data.list.map(i => ({
-        label: i.name,
-        code: i.code,
-        type: (Deep2Type)[i.deep as 1],
-        parentCode: i.parentCode,
-      }));
-    },
-    getAddressByLabel: async (label: string, type?: typeof eAddressTypeEnum.TYPE) => {
-      const data = await http.post<{ list: iPlainAddressData[] }>('/address/list', {
-        all: true,
-        orders: { field: 'code', desc: false },
-        filters: [
-          { field: 'name', value: toArray(label), operator: 'in like' },
-          ...(type == null ? [] : [{ field: 'deep', value: type - 1, operator: '=' }])
-        ],
-      });
-      return data.list.map(i => ({
-        label: i.name,
-        code: i.code,
-        type: (Deep2Type)[i.deep as 1],
-        parentCode: i.parentCode,
-      }));
-    },
-  });
-}
-
-const Deep2Type = {
-  0: eAddressTypeEnum.province,
-  1: eAddressTypeEnum.city,
-  2: eAddressTypeEnum.district,
-} as const;
-
-export interface iPlainAddressData {
-  id: string,
-  code: string,
-  name: string,
-  parentCode: string,
-  parentName: string,
-  deep: number,
-  children?: iPlainAddressData[],
-}
-
-export default createPlainAddressService;
+import {createAddressService} from "../$address/createAddressService";
+import {eAddressTypeEnum, iAddressSyncMeta} from "../$address/address.utils";
+import {iHttp} from "../createHttp";
+import {delay} from "plain-utils/utils/delay";
+import {toArray} from "plain-utils/utils/toArray";
+
+export function createPlainAddressService(
+  {
+    http,
+    getAddress,
+  }: {
+    http: iHttp,
+    getAddress: () => Promise<iAddressSyncMeta[]>,
+  }
+) {
+  return createAddressService({
+    /*getAddress: async () => {
+      const { list } = await http.post<{ list: iPlainAddressData[] }>('/address/list', {
+        all: true,
+        orders: { field: 'code', desc: false },
+      });
+      const findAddressList = (deep: number): iAddressSyncMeta[] => {
+        const matchList = list.filter(i => i.deep == deep);
+        return matchList.map(i => ({
+          label: i.name,
+          code: i.code,
+          type: (Deep2Type)[i.deep as 1],
+          parentCode: i.parentCode,
+          children: findAddressList(InputNumber(deep) + 1)
+        }));
+      };
+      return findAddressList(0);
+    },*/
+    getAddress,
+    getAddressByCodes: async (codes) => {
+      const data = await http.post<{ list: iPlainAddressData[] }>('/address/list', {
+        all: true,
+        orders: { field: 'code', desc: false },
+        filters: [{ field: 'code', value: codes, operator: 'in' }],
+      });
+      return data.list.map(i => ({
+        label: i.name,
+        code: i.code,
+        type: (Deep2Type)[i.deep as 1],
+        parentCode: i.parentCode,
+      }));
+    },
+    getAddressByParentCodes: async (codes) => {
+      const nowTime = Date.now();
+      const data = await http.post<{ list: iPlainAddressData[] }>('/address/list', {
+        all: true,
+        orders: { field: 'code', desc: false },
+        filters: [{ field: 'parentCode', value: codes, operator: 'in' }],
+      });
+      const delayTime = 500 - (Date.now() - nowTime);
+      if (delayTime > 0) {
+        await delay(delayTime);
+      }
+      return data.list.map(i => ({
+        label: i.name,
+        code: i.code,
+        type: (Deep2Type)[i.deep as 1],
+        parentCode: i.parentCode,
+      }));
+    },
+    getAddressByLabel: async (label: string, type?: typeof eAddressTypeEnum.TYPE) => {
+      const data = await http.post<{ list: iPlainAddressData[] }>('/address/list', {
+        all: true,
+        orders: { field: 'code', desc: false },
+        filters: [
+          { field: 'name', value: toArray(label), operator: 'in like' },
+          ...(type == null ? [] : [{ field: 'deep', value: type - 1, operator: '=' }])
+        ],
+      });
+      return data.list.map(i => ({
+        label: i.name,
+        code: i.code,
+        type: (Deep2Type)[i.deep as 1],
+        parentCode: i.parentCode,
+      }));
+    },
+  });
+}
+
+const Deep2Type = {
+  0: eAddressTypeEnum.province,
+  1: eAddressTypeEnum.city,
+  2: eAddressTypeEnum.district,
+} as const;
+
+export interface iPlainAddressData {
+  id: string,
+  code: string,
+  name: string,
+  parentCode: string,
+  parentName: string,
+  deep: number,
+  children?: iPlainAddressData[],
+}
+
+export default createPlainAddressService;

package/src/packages/components/createPopup/index.ts

@@ -1,5 +1,5 @@
-import {createPopup} from "../usePopup/usePopup";
-
-export {createPopup} from '../usePopup/usePopup';
-
-export default createPopup;
+import {createPopup} from "../usePopup/usePopup";
+
+export {createPopup} from '../usePopup/usePopup';
+
+export default createPopup;

package/src/packages/components/createScrollUtils/index.tsx

@@ -1,163 +1,163 @@
-import {delay} from "plain-utils/utils/delay";
-
-export function createScrollUtils(
-  {
-    getScrollElement, getAutoScrollSpeed, onStop,
-  }: {
-    getScrollElement: () => HTMLElement | null | undefined,
-    getAutoScrollSpeed?: () => number | null | undefined,
-    onStop?: () => void,
-  }
-) {
-
-  let cancelAnimate: number | null = null;
-
-  const _getAutoScrollSpeed = () => (getAutoScrollSpeed ? getAutoScrollSpeed() : 400) || 400;
-
-  const scroll = (
-    {
-      top,
-      left,
-      time,
-      onBegin,
-      onFinish,
-    }: {
-      top?: number,
-      left?: number,
-      time?: number,
-      onFinish?: () => void,
-      onBegin?: () => void,
-    }
-  ) => {
-
-    const scrollElement = getScrollElement();
-    if (!scrollElement) return;
-    if (top == null && left == null) {return;}
-
-    onBegin?.();
-
-    const done = () => {onFinish?.();};
-
-    if (!time) {
-      if (left != null) scrollElement.scrollLeft = left;
-      if (top != null) scrollElement.scrollTop = top;
-      delay(23).then(done);
-    } else {
-
-      if (!!cancelAnimate) {
-        cancelAnimationFrame(cancelAnimate);
-        cancelAnimate = null;
-      }
-
-      let ny = scrollElement.scrollTop;
-      let nx = scrollElement.scrollLeft;
-
-      let ky = top == null ? 0 : (top - ny) / time;
-      let kx = left == null ? 0 : (left - nx) / time;
-
-      let startTime = Date.now();
-
-      const run = () => {
-        let nowTime = Date.now();
-        let delta = nowTime - startTime;
-        let top;
-        let left;
-
-        if (delta >= time) {
-          cancelAnimate = null;
-          top = time * ky + ny;
-          left = time * kx + nx;
-
-          if (scrollElement) {
-            top != null && (scrollElement.scrollTop = top);
-            left != null && (scrollElement.scrollLeft = left);
-            delay(23).then(done);
-          }
-        } else {
-          top = delta * ky + ny;
-          left = delta * kx + nx;
-
-          if (!!scrollElement) {
-            top != null && (scrollElement.scrollTop = top);
-            left != null && (scrollElement.scrollLeft = left);
-          }
-          cancelAnimate = requestAnimationFrame(run);
-        }
-      };
-
-      run();
-    }
-
-  };
-
-  const scrollTop = (top: number, time?: number) => {
-    const scrollElement = getScrollElement();
-    if (!scrollElement || scrollElement.scrollTop === top) {return;}
-    scroll({ top, time });
-  };
-
-  const scrollLeft = (left: number, time?: number) => {
-    const scrollElement = getScrollElement();
-    if (!scrollElement || scrollElement.scrollLeft === left) {return;}
-    scroll({ left, time });
-  };
-
-  const scrollEnd = ({ top, left }: { top?: boolean, left?: boolean } = { top: true, left: true }) => {
-    const scrollElement = getScrollElement();
-    if (!scrollElement) {return;}
-    scroll({ top: top ? scrollElement.scrollHeight : undefined, left: left ? scrollElement.scrollWidth : undefined, });
-  };
-
-  const autoScrollTop = () => {
-    const scrollElement = getScrollElement();
-    if (!scrollElement) {return;}
-    const { scrollHeight, offsetHeight } = scrollElement;
-    if (scrollHeight <= offsetHeight) {return;}
-    const duration = (scrollElement.scrollTop / _getAutoScrollSpeed()) * 1000;
-    scrollTop(0, duration);
-  };
-
-  const autoScrollBottom = () => {
-    const scrollElement = getScrollElement();
-    if (!scrollElement) {return;}
-    const { scrollHeight, offsetHeight } = scrollElement;
-    if (scrollHeight <= offsetHeight) {return;}
-    const duration = ((scrollHeight - offsetHeight - scrollElement.scrollTop) / _getAutoScrollSpeed()) * 1000;
-    scrollTop(scrollHeight - offsetHeight + 17, duration);
-  };
-
-  const autoScrollLeft = () => {
-    const scrollElement = getScrollElement();
-    if (!scrollElement) {return;}
-    const { scrollWidth, offsetWidth } = scrollElement;
-    if (scrollWidth <= offsetWidth) {return;}
-    const duration = (scrollElement.scrollLeft / _getAutoScrollSpeed()) * 1000;
-    scrollLeft(0, duration);
-  };
-
-  const autoScrollRight = () => {
-    const scrollElement = getScrollElement();
-    if (!scrollElement) {return;}
-    const { scrollWidth, offsetWidth } = scrollElement;
-    if (scrollWidth <= offsetWidth) {return;}
-    const duration = ((scrollWidth - offsetWidth - scrollElement.scrollLeft) / _getAutoScrollSpeed()) * 1000;
-    scrollLeft(scrollWidth - offsetWidth + 17, duration);
-  };
-
-  const stopAutoScroll = () => {
-    if (!!cancelAnimate) {
-      cancelAnimationFrame(cancelAnimate);
-      cancelAnimate = null;
-      onStop?.();
-    }
-  };
-
-  return {
-    scroll, scrollTop, scrollLeft, autoScrollLeft, autoScrollRight, autoScrollTop, autoScrollBottom, stopAutoScroll, scrollEnd,
-    getScrollElement,
-  };
-}
-
-export type iScrollUtils = ReturnType<typeof createScrollUtils>
-
-export type iScrollUtilsParameter = Parameters<typeof createScrollUtils>[0]
+import {delay} from "plain-utils/utils/delay";
+
+export function createScrollUtils(
+  {
+    getScrollElement, getAutoScrollSpeed, onStop,
+  }: {
+    getScrollElement: () => HTMLElement | null | undefined,
+    getAutoScrollSpeed?: () => number | null | undefined,
+    onStop?: () => void,
+  }
+) {
+
+  let cancelAnimate: number | null = null;
+
+  const _getAutoScrollSpeed = () => (getAutoScrollSpeed ? getAutoScrollSpeed() : 400) || 400;
+
+  const scroll = (
+    {
+      top,
+      left,
+      time,
+      onBegin,
+      onFinish,
+    }: {
+      top?: number,
+      left?: number,
+      time?: number,
+      onFinish?: () => void,
+      onBegin?: () => void,
+    }
+  ) => {
+
+    const scrollElement = getScrollElement();
+    if (!scrollElement) return;
+    if (top == null && left == null) {return;}
+
+    onBegin?.();
+
+    const done = () => {onFinish?.();};
+
+    if (!time) {
+      if (left != null) scrollElement.scrollLeft = left;
+      if (top != null) scrollElement.scrollTop = top;
+      delay(23).then(done);
+    } else {
+
+      if (!!cancelAnimate) {
+        cancelAnimationFrame(cancelAnimate);
+        cancelAnimate = null;
+      }
+
+      let ny = scrollElement.scrollTop;
+      let nx = scrollElement.scrollLeft;
+
+      let ky = top == null ? 0 : (top - ny) / time;
+      let kx = left == null ? 0 : (left - nx) / time;
+
+      let startTime = Date.now();
+
+      const run = () => {
+        let nowTime = Date.now();
+        let delta = nowTime - startTime;
+        let top;
+        let left;
+
+        if (delta >= time) {
+          cancelAnimate = null;
+          top = time * ky + ny;
+          left = time * kx + nx;
+
+          if (scrollElement) {
+            top != null && (scrollElement.scrollTop = top);
+            left != null && (scrollElement.scrollLeft = left);
+            delay(23).then(done);
+          }
+        } else {
+          top = delta * ky + ny;
+          left = delta * kx + nx;
+
+          if (!!scrollElement) {
+            top != null && (scrollElement.scrollTop = top);
+            left != null && (scrollElement.scrollLeft = left);
+          }
+          cancelAnimate = requestAnimationFrame(run);
+        }
+      };
+
+      run();
+    }
+
+  };
+
+  const scrollTop = (top: number, time?: number) => {
+    const scrollElement = getScrollElement();
+    if (!scrollElement || scrollElement.scrollTop === top) {return;}
+    scroll({ top, time });
+  };
+
+  const scrollLeft = (left: number, time?: number) => {
+    const scrollElement = getScrollElement();
+    if (!scrollElement || scrollElement.scrollLeft === left) {return;}
+    scroll({ left, time });
+  };
+
+  const scrollEnd = ({ top, left }: { top?: boolean, left?: boolean } = { top: true, left: true }) => {
+    const scrollElement = getScrollElement();
+    if (!scrollElement) {return;}
+    scroll({ top: top ? scrollElement.scrollHeight : undefined, left: left ? scrollElement.scrollWidth : undefined, });
+  };
+
+  const autoScrollTop = () => {
+    const scrollElement = getScrollElement();
+    if (!scrollElement) {return;}
+    const { scrollHeight, offsetHeight } = scrollElement;
+    if (scrollHeight <= offsetHeight) {return;}
+    const duration = (scrollElement.scrollTop / _getAutoScrollSpeed()) * 1000;
+    scrollTop(0, duration);
+  };
+
+  const autoScrollBottom = () => {
+    const scrollElement = getScrollElement();
+    if (!scrollElement) {return;}
+    const { scrollHeight, offsetHeight } = scrollElement;
+    if (scrollHeight <= offsetHeight) {return;}
+    const duration = ((scrollHeight - offsetHeight - scrollElement.scrollTop) / _getAutoScrollSpeed()) * 1000;
+    scrollTop(scrollHeight - offsetHeight + 17, duration);
+  };
+
+  const autoScrollLeft = () => {
+    const scrollElement = getScrollElement();
+    if (!scrollElement) {return;}
+    const { scrollWidth, offsetWidth } = scrollElement;
+    if (scrollWidth <= offsetWidth) {return;}
+    const duration = (scrollElement.scrollLeft / _getAutoScrollSpeed()) * 1000;
+    scrollLeft(0, duration);
+  };
+
+  const autoScrollRight = () => {
+    const scrollElement = getScrollElement();
+    if (!scrollElement) {return;}
+    const { scrollWidth, offsetWidth } = scrollElement;
+    if (scrollWidth <= offsetWidth) {return;}
+    const duration = ((scrollWidth - offsetWidth - scrollElement.scrollLeft) / _getAutoScrollSpeed()) * 1000;
+    scrollLeft(scrollWidth - offsetWidth + 17, duration);
+  };
+
+  const stopAutoScroll = () => {
+    if (!!cancelAnimate) {
+      cancelAnimationFrame(cancelAnimate);
+      cancelAnimate = null;
+      onStop?.();
+    }
+  };
+
+  return {
+    scroll, scrollTop, scrollLeft, autoScrollLeft, autoScrollRight, autoScrollTop, autoScrollBottom, stopAutoScroll, scrollEnd,
+    getScrollElement,
+  };
+}
+
+export type iScrollUtils = ReturnType<typeof createScrollUtils>
+
+export type iScrollUtilsParameter = Parameters<typeof createScrollUtils>[0]

package/src/packages/components/createTableOptionUser/index.tsx

@@ -1,5 +1,5 @@
-import {createTableOptionUser} from "../AutoTable/createTableOptionUser";
-
-export default createTableOptionUser;
-
-export {createTableOptionUser};
+import {createTableOptionUser} from "../AutoTable/createTableOptionUser";
+
+export default createTableOptionUser;
+
+export {createTableOptionUser};

package/src/packages/components/createUploadService/index.tsx

@@ -1,5 +1,5 @@
-import {createUploadService} from "../$upload/createUploadService";
-
-export default createUploadService;
-
-export {createUploadService};
+import {createUploadService} from "../$upload/createUploadService";
+
+export default createUploadService;
+
+export {createUploadService};

package/src/packages/components/i18n/index.tsx

@@ -1,5 +1,5 @@
-import {i18n} from "../../i18n";
-
-export default i18n;
-
-export {i18n};
+import {i18n} from "../../i18n";
+
+export default i18n;
+
+export {i18n};

package/src/packages/components/useAutoScrollUtils/auto-scroll-utils.scss

@@ -1,48 +1,48 @@
-@include comp(auto-scroll-utils-wrapper) {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 10;
-  pointer-events: none;
-
-  .#{componentName(auto-scroll-utils-shadow)} {
-    position: absolute;
-    opacity: 0.1;
-    pointer-events: auto;
-  }
-
-  &.auto-scroll-utils-wrapper-vertical {
-    .#{componentName(auto-scroll-utils-shadow)} {
-      left: 0;
-      right: 0;
-      height: 20px;
-
-      &.auto-scroll-utils-shadow-start {
-        top: 0;
-        background: linear-gradient(to top, transparent, plv(secondary-9));
-      }
-
-      &.auto-scroll-utils-shadow-end {
-        bottom: 0;
-        background: linear-gradient(to bottom, transparent, plv(secondary-9));
-      }
-    }
-  }
-  &.auto-scroll-utils-wrapper-horizontal {
-    .#{componentName(auto-scroll-utils-shadow)} {
-      top: 0;
-      bottom: 0;
-      width: 20px;
-
-      &.auto-scroll-utils-shadow-start {
-        left: 0;
-        background: linear-gradient(to left, transparent, plv(secondary-9));
-      }
-
-      &.auto-scroll-utils-shadow-end {
-        right: 0;
-        background: linear-gradient(to right, transparent, plv(secondary-9));
-      }
-    }
-  }
-}
+@include comp(auto-scroll-utils-wrapper) {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 10;
+  pointer-events: none;
+
+  .#{componentName(auto-scroll-utils-shadow)} {
+    position: absolute;
+    opacity: 0.1;
+    pointer-events: auto;
+  }
+
+  &.auto-scroll-utils-wrapper-vertical {
+    .#{componentName(auto-scroll-utils-shadow)} {
+      left: 0;
+      right: 0;
+      height: 20px;
+
+      &.auto-scroll-utils-shadow-start {
+        top: 0;
+        background: linear-gradient(to top, transparent, plv(secondary-9));
+      }
+
+      &.auto-scroll-utils-shadow-end {
+        bottom: 0;
+        background: linear-gradient(to bottom, transparent, plv(secondary-9));
+      }
+    }
+  }
+  &.auto-scroll-utils-wrapper-horizontal {
+    .#{componentName(auto-scroll-utils-shadow)} {
+      top: 0;
+      bottom: 0;
+      width: 20px;
+
+      &.auto-scroll-utils-shadow-start {
+        left: 0;
+        background: linear-gradient(to left, transparent, plv(secondary-9));
+      }
+
+      &.auto-scroll-utils-shadow-end {
+        right: 0;
+        background: linear-gradient(to right, transparent, plv(secondary-9));
+      }
+    }
+  }
+}