@ebscn/ui 0.0.10 → 1.0.0

package/es/utils/use-tab-list-scroll.js

@@ -0,0 +1,60 @@
+import { useSpring } from '@react-spring/web';
+import { useMutationEffect } from './use-mutation-effect';
+import { bound } from './bound';
+import { useIsomorphicLayoutEffect } from 'ahooks';
+import { useIsomorphicUpdateLayoutEffect } from './use-isomorphic-update-layout-effect';
+export var useTabListScroll = function (targetRef, activeIndex) {
+  var _a = useSpring(function () {
+      return {
+        scrollLeft: 0,
+        config: {
+          tension: 300,
+          clamp: true
+        }
+      };
+    }),
+    scrollLeft = _a[0].scrollLeft,
+    api = _a[1];
+  function animate(immediate) {
+    if (immediate === void 0) {
+      immediate = false;
+    }
+    var container = targetRef.current;
+    if (!container) return;
+    if (activeIndex === undefined) return;
+    var activeTabWrapper = container.children.item(activeIndex);
+    var activeTab = activeTabWrapper.children.item(0);
+    var activeTabLeft = activeTab.offsetLeft;
+    var activeTabWidth = activeTab.offsetWidth;
+    var containerWidth = container.offsetWidth;
+    var containerScrollWidth = container.scrollWidth;
+    var containerScrollLeft = container.scrollLeft;
+    var maxScrollDistance = containerScrollWidth - containerWidth;
+    if (maxScrollDistance <= 0) return;
+    var nextScrollLeft = bound(activeTabLeft - (containerWidth - activeTabWidth) / 2, 0, containerScrollWidth - containerWidth);
+    api.start({
+      scrollLeft: nextScrollLeft,
+      from: {
+        scrollLeft: containerScrollLeft
+      },
+      immediate: immediate && !scrollLeft.isAnimating
+    });
+  }
+  useIsomorphicLayoutEffect(function () {
+    animate(true);
+  }, []);
+  useIsomorphicUpdateLayoutEffect(function () {
+    animate();
+  }, [activeIndex]);
+  useMutationEffect(function () {
+    animate(true);
+  }, targetRef, {
+    subtree: true,
+    childList: true,
+    characterData: true
+  });
+  return {
+    scrollLeft: scrollLeft,
+    animate: animate
+  };
+};

package/es/utils/use-touch.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+type Direction = '' | 'vertical' | 'horizontal';
+export declare function useTouch(): {
+    move: EventListener;
+    start: EventListener;
+    reset: () => void;
+    startX: import("react").MutableRefObject<number>;
+    startY: import("react").MutableRefObject<number>;
+    deltaX: import("react").MutableRefObject<number>;
+    deltaY: import("react").MutableRefObject<number>;
+    offsetX: import("react").MutableRefObject<number>;
+    offsetY: import("react").MutableRefObject<number>;
+    direction: import("react").MutableRefObject<Direction>;
+    isVertical: () => boolean;
+    isHorizontal: () => boolean;
+};
+export {};

package/es/utils/use-touch.js

@@ -0,0 +1,63 @@
+import { useRef } from 'react';
+var MIN_DISTANCE = 10;
+function getDirection(x, y) {
+  if (x > y && x > MIN_DISTANCE) {
+    return 'horizontal';
+  }
+  if (y > x && y > MIN_DISTANCE) {
+    return 'vertical';
+  }
+  return '';
+}
+export function useTouch() {
+  var startX = useRef(0);
+  var startY = useRef(0);
+  var deltaX = useRef(0);
+  var deltaY = useRef(0);
+  var offsetX = useRef(0);
+  var offsetY = useRef(0);
+  var direction = useRef('');
+  var isVertical = function () {
+    return direction.current === 'vertical';
+  };
+  var isHorizontal = function () {
+    return direction.current === 'horizontal';
+  };
+  var reset = function () {
+    deltaX.current = 0;
+    deltaY.current = 0;
+    offsetX.current = 0;
+    offsetY.current = 0;
+    direction.current = '';
+  };
+  var start = function (event) {
+    reset();
+    startX.current = event.touches[0].clientX;
+    startY.current = event.touches[0].clientY;
+  };
+  var move = function (event) {
+    var touch = event.touches[0];
+    // Fix: Safari back will set clientX to negative number
+    deltaX.current = touch.clientX < 0 ? 0 : touch.clientX - startX.current;
+    deltaY.current = touch.clientY - startY.current;
+    offsetX.current = Math.abs(deltaX.current);
+    offsetY.current = Math.abs(deltaY.current);
+    if (!direction.current) {
+      direction.current = getDirection(offsetX.current, offsetY.current);
+    }
+  };
+  return {
+    move: move,
+    start: start,
+    reset: reset,
+    startX: startX,
+    startY: startY,
+    deltaX: deltaX,
+    deltaY: deltaY,
+    offsetX: offsetX,
+    offsetY: offsetY,
+    direction: direction,
+    isVertical: isVertical,
+    isHorizontal: isHorizontal
+  };
+}

package/es/utils/validate.d.ts

@@ -0,0 +1,8 @@
+export declare function isDef<T>(val: T): val is NonNullable<T>;
+export declare function isObject(val: unknown): val is Record<any, any>;
+export declare function isPromise(obj: unknown): obj is Promise<unknown>;
+export declare function isDate(val: unknown): val is Date;
+export declare function isMobile(value: string): boolean;
+export declare function isNumeric(val: string | number): val is string;
+export declare function isAndroid(): boolean;
+export declare function isIOS(): boolean;

package/es/utils/validate.js

@@ -0,0 +1,26 @@
+import { canUseDom } from './can-use-dom';
+export function isDef(val) {
+  return val !== undefined && val !== null;
+}
+export function isObject(val) {
+  return val !== null && typeof val === 'object';
+}
+export function isPromise(obj) {
+  return !!obj && typeof obj === 'object' && typeof obj.then === 'function';
+}
+export function isDate(val) {
+  return Object.prototype.toString.call(val) === '[object Date]' && !Number.isNaN(val.getTime());
+}
+export function isMobile(value) {
+  value = value.replace(/[^-|\d]/g, '');
+  return /^((\+86)|(86))?(1)\d{10}$/.test(value) || /^0[0-9-]{10,13}$/.test(value);
+}
+export function isNumeric(val) {
+  return typeof val === 'number' || /^\d+(\.\d+)?$/.test(val);
+}
+export function isAndroid() {
+  return canUseDom ? /android/.test(navigator.userAgent.toLowerCase()) : false;
+}
+export function isIOS() {
+  return canUseDom ? /ios|iphone|ipad|ipod/.test(navigator.userAgent.toLowerCase()) : false;
+}

package/es/utils/with-cache.d.ts

@@ -0,0 +1 @@
+export declare function withCache<T>(generate: () => T): () => T;

package/es/utils/with-cache.js

@@ -0,0 +1,9 @@
+export function withCache(generate) {
+  var cache = null;
+  return function () {
+    if (cache === null) {
+      cache = generate();
+    }
+    return cache;
+  };
+}

package/es/utils/with-default-props.d.ts

@@ -0,0 +1,2 @@
+export declare function mergeProps<A, B>(a: A, b: B): B & A;
+export declare function mergeProps<A, B, C>(a: A, b: B, c: C): C & B & A;

package/es/utils/with-default-props.js

@@ -0,0 +1,25 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+import assignWith from 'lodash/assignWith';
+export function mergeProps() {
+  var items = [];
+  for (var _i = 0; _i < arguments.length; _i++) {
+    items[_i] = arguments[_i];
+  }
+  function customizer(objValue, srcValue) {
+    return srcValue === undefined ? objValue : srcValue;
+  }
+  var ret = __assign({}, items[0]);
+  for (var i = 1; i < items.length; i++) {
+    ret = assignWith(ret, items[i], customizer);
+  }
+  return ret;
+}

package/es/utils/with-func-props.d.ts

@@ -0,0 +1,5 @@
+type Merge<T, P> = {
+    [K in keyof T & keyof P]: P[K] | T[K];
+};
+export declare function mergeFuncProps<T extends Record<string, any>, P extends Record<string, any>>(p1: T, p2: P): Merge<T, P>;
+export {};

package/es/utils/with-func-props.js

@@ -0,0 +1,32 @@
+var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+    if (ar || !(i in from)) {
+      if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+      ar[i] = from[i];
+    }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+};
+export function mergeFuncProps(p1, p2) {
+  var p1Keys = Object.keys(p1);
+  var p2Keys = Object.keys(p2);
+  var keys = new Set(__spreadArray(__spreadArray([], p1Keys, true), p2Keys, true));
+  var res = {};
+  keys.forEach(function (key) {
+    var p1Value = p1[key];
+    var p2Value = p2[key];
+    if (typeof p1Value === 'function' && typeof p2Value === 'function') {
+      res[key] = function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+          args[_i] = arguments[_i];
+        }
+        p1Value.apply(void 0, args);
+        p2Value.apply(void 0, args);
+      };
+    } else {
+      res[key] = p1Value || p2Value;
+    }
+  });
+  return res;
+}

package/es/utils/with-stop-propagation.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ReactElement } from 'react';
+export type PropagationEvent = 'click';
+export declare function withStopPropagation(events: PropagationEvent[], element: ReactElement): React.ReactElement<any, string | React.JSXElementConstructor<any>>;

package/es/utils/with-stop-propagation.js

@@ -0,0 +1,30 @@
+var __assign = this && this.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+import React from 'react';
+var eventToPropRecord = {
+  'click': 'onClick'
+};
+export function withStopPropagation(events, element) {
+  var props = __assign({}, element.props);
+  var _loop_1 = function (key) {
+    var prop = eventToPropRecord[key];
+    props[prop] = function (e) {
+      var _a, _b;
+      e.stopPropagation();
+      (_b = (_a = element.props)[prop]) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+    };
+  };
+  for (var _i = 0, events_1 = events; _i < events_1.length; _i++) {
+    var key = events_1[_i];
+    _loop_1(key);
+  }
+  return React.cloneElement(element, props);
+}

package/package.json

@@ -1,22 +1,50 @@
 {
-	"version": "0.0.10",
-	"name": "@ebscn/ui",
-	"type": "module",
-	"module": "./index.js",
-	"dependencies": {
-		"classnames": "^2.3.2",
-		"react-draggable": "^4.4.5",
-		"react-photo-view": "^1.2.3"
-	},
-	"typings": "./index.d.ts",
-	"exports": {
-		".": {
-			"import": "./index.js"
-		},
-		"./style.css": "./style.css",
-		"./*": "./*"
-	},
-	"sideEffects": [
-		"./style.css"
-	]
+  "name": "@ebscn/ui",
+  "version": "1.0.0",
+  "description": "ebscn react library",
+  "module": "./es/index.js",
+  "types": "./es/index.d.ts",
+  "typings": "./es/index.d.ts",
+  "authors": [
+    "ebscn"
+  ],
+  "license": "MIT",
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "lint-staged": {
+    "*.{md,json}": [
+      "prettier --write --no-error-on-unmatched-pattern"
+    ],
+    "*.{css,less}": [
+      "stylelint --fix",
+      "prettier --write"
+    ],
+    "*.{js,jsx}": [
+      "eslint --fix",
+      "prettier --write"
+    ],
+    "*.{ts,tsx}": [
+      "eslint --fix",
+      "prettier --parser=typescript --write"
+    ]
+  },
+  "peerDependencies": {
+    "react": ">=16.9.0",
+    "react-dom": ">=16.9.0"
+  },
+  "dependencies": {
+    "@react-spring/web": "9.7.3",
+    "@use-gesture/react": "10.3.0",
+    "ahooks": "3.7.10",
+    "antd-mobile": "5.34.0",
+    "lodash": "4.17.21",
+    "lorem-ipsum": "2.0.8",
+    "pdfh5": "1.4.2",
+    "react-is": "18.2.0",
+    "react-photo-view": "1.2.4",
+    "use-sync-external-store": "1.2.0"
+  }
 }

package/__vendor/__vendor.js

@@ -1 +0,0 @@
-

package/handRead/handRead.d.ts

@@ -1,6 +0,0 @@
-import type { JSX } from 'react/jsx-runtime';
-import React from "react";
-import { HandReadProps } from ".";
-declare function HandRead(props: HandReadProps): JSX.Element;
-declare const _default: React.MemoExoticComponent<typeof HandRead>;
-export default _default;

package/handRead/handRead.js

@@ -1,302 +0,0 @@
-import { jsx as a, jsxs as P } from "react/jsx-runtime";
-import Y from "react-draggable";
-import Z, { useRef as f, useState as _, useLayoutEffect as H } from "react";
-import { I as ee } from "../imageViewer/imageViewer.js";
-import h from "classnames";
-const te = "_container_1kr1b_9", ne = "_mask_1kr1b_13", re = "_primary_1kr1b_19", ae = "_shadow_1kr1b_22", oe = "_controller_1kr1b_26", se = "_button_1kr1b_34", ce = "_disabled_1kr1b_44", le = "_pdfBox_1kr1b_49", ie = "_pdfWarp_1kr1b_53", de = "_dragContainer_1kr1b_58", ue = "_unLoadImg_1kr1b_65", fe = "_pdfImg_1kr1b_73", ge = "_pdfView_1kr1b_77", _e = "_defaultSeal_1kr1b_84", he = "_animationTip_1kr1b_90", pe = "_actionTip_1kr1b_1", be = "_handle_1kr1b_105", me = "_round-btn_1kr1b_115", ke = "_nextPage_1kr1b_127", Ne = "_lastPage_1kr1b_131", xe = "_nextDisabled_1kr1b_135", Re = "_lastDisabled_1kr1b_138", r = {
-  container: te,
-  mask: ne,
-  primary: re,
-  shadow: ae,
-  controller: oe,
-  button: se,
-  disabled: ce,
-  pdfBox: le,
-  pdfWarp: ie,
-  dragContainer: de,
-  unLoadImg: ue,
-  pdfImg: fe,
-  pdfView: ge,
-  defaultSeal: _e,
-  animationTip: he,
-  actionTip: pe,
-  handle: be,
-  "round-btn": "_round-btn_1kr1b_115",
-  roundBtn: me,
-  nextPage: ke,
-  lastPage: Ne,
-  nextDisabled: xe,
-  lastDisabled: Re
-}, W = (o) => typeof o == "object" && o !== null, L = (o, i) => {
-  if (!W(o) || !W(i))
-    return o === i;
-  if (o === i)
-    return !0;
-  const n = Object.keys(o), m = Object.keys(i);
-  if (n.length !== m.length)
-    return !1;
-  for (let b in o)
-    if (!L(o[b], i[b]))
-      return !1;
-  return !0;
-};
-function Ce(o) {
-  const { documentJson: i, mandatoryReading: n, done: m, hasRead: b } = o;
-  if (!i || !n)
-    return /* @__PURE__ */ a("div", { children: "协议内容缺失" });
-  const u = f(null), B = o.pdfWidth || 600, v = o.pdfHeight || 840, d = f(0), { documentImgUrl: R, documentPages: k } = i, [M, y] = _(!1), [s, N] = _(
-    +n[0].pageNo || 1
-  ), [l, x] = _(0), [E, Ie] = _(!1), [Pe, O] = _({}), [V, $] = _(!1), C = f(void 0), p = f(void 0), D = f(1.15), [A, X] = _({ x: 0, y: 0 }), I = f(0), T = f(0);
-  f({
-    type: "",
-    touchStartTime: "",
-    touchEndTime: ""
-  }), H(() => {
-    b && n.map(
-      (e, t) => n[t].hasRead = !0
-    );
-  }, [b]), H(() => {
-    u.current && !d.current && (d.current = u.current.clientWidth / B, K());
-  }, [u.current]);
-  function K() {
-    O({});
-  }
-  function U(e) {
-    T.current = e.changedTouches[0].clientX;
-  }
-  function q(e, t) {
-    const c = t.changedTouches[0].clientX;
-    I.current += c - T.current, I.current >= (+e.right - +e.left) * d.current * 0.2 ? (e.hasRead = !0, I.current = 0, F()) : X({
-      x: 0,
-      y: 0
-    });
-  }
-  function G() {
-    if (n.filter((t) => !t.hasRead).length === 0)
-      return $(!0), !0;
-  }
-  const J = () => {
-    let e = s - 1;
-    for (let t = 0; t < l; t++)
-      if (e == +n[t].pageNo && !n[t].hasRead) {
-        x(t);
-        break;
-      }
-    N(e);
-  }, j = () => {
-    let e = s + 1;
-    for (let t = l; t < n.length; t++)
-      if (e == +n[t].pageNo && !n[t].hasRead) {
-        x(t);
-        break;
-      }
-    N(e);
-  };
-  function w() {
-    let e = l, t = !0;
-    if (s < +n[0].pageNo)
-      return !0;
-    for (; ; ) {
-      if (!n[l].hasRead && +n[l].pageNo < s) {
-        C.current = l, t = !1;
-        break;
-      }
-      if (--e < 0)
-        break;
-      if (!n[e].hasRead) {
-        t = !1, C.current = e;
-        break;
-      }
-    }
-    return V || t;
-  }
-  function z() {
-    let e = C.current;
-    x(e), N(+n[e].pageNo);
-  }
-  function S() {
-    let e = l, t = !0;
-    if (s >= +n[n.length - 1].pageNo && l === n.length - 1)
-      return !0;
-    if (!n[l].hasRead && s < +n[l].pageNo)
-      p.current = l, t = !1;
-    else if (e < n.length - 1) {
-      for (let c = e + 1; c < n.length; c++)
-        if (!n[c].hasRead) {
-          p.current = c, t = !1;
-          break;
-        }
-    }
-    return t;
-  }
-  const F = () => {
-    if (G())
-      return m && m(i.fileId), !0;
-    if (n[p.current].hasRead) {
-      for (let t = 0; t < n.length; t++)
-        if (!n[t].hasRead) {
-          p.current = t;
-          break;
-        }
-    }
-    const e = +n[p.current].pageNo;
-    x(p.current), N(e);
-  }, Q = (e, t) => {
-    let c = [];
-    if (!e || !t)
-      return c;
-    for (let g = 1; g <= t; g++)
-      c.push(`${e}/${g}.jpg`);
-    return c;
-  };
-  return /* @__PURE__ */ P("div", { className: h(r.container), children: [
-    /* @__PURE__ */ P("div", { className: r.controller, children: [
-      /* @__PURE__ */ a(
-        "button",
-        {
-          className: h(
-            r.button,
-            w() && r.disabled
-          ),
-          onClick: () => z(),
-          disabled: w(),
-          children: "上一待确认项"
-        }
-      ),
-      /* @__PURE__ */ a(
-        "button",
-        {
-          className: h([
-            r.button,
-            S() && r.disabled
-          ]),
-          onClick: () => F(),
-          disabled: S(),
-          children: "下一待确认项"
-        }
-      ),
-      /* @__PURE__ */ a(
-        "div",
-        {
-          className: h(r.button),
-          onClick: (e) => {
-            y(!0), e.preventDefault();
-          },
-          children: "预览" + s + "/" + k
-        }
-      )
-    ] }),
-    /* @__PURE__ */ a(
-      "div",
-      {
-        className: r.pdfBox,
-        style: { height: v * d.current },
-        children: R ? /* @__PURE__ */ P("div", { className: r.pdfWarp, children: [
-          /* @__PURE__ */ a(
-            "img",
-            {
-              className: r.pdfImg,
-              src: `${R + "/" + s}.jpg`,
-              alt: "加载中"
-            }
-          ),
-          /* @__PURE__ */ a("div", { className: r.pdfView, ref: u, children: n.map(
-            (e, t) => {
-              var c;
-              return +e.pageNo * 1 === s ? /* @__PURE__ */ a(
-                "div",
-                {
-                  className: h(
-                    r.dragContainer,
-                    e.hasRead && r.hasRead
-                    // _styles.shadow
-                  ),
-                  style: {
-                    position: "absolute",
-                    width: Math.min(
-                      (+e.right - +e.left) * d.current * D.current,
-                      (((c = u == null ? void 0 : u.current) == null ? void 0 : c.clientWidth) || 375) - 34
-                    ),
-                    height: (+e.top - +e.bottom) * d.current,
-                    top: (v - +e.top) * d.current,
-                    left: Math.max(
-                      +e.left * d.current - (+e.right - +e.left) * d.current / 2 * (D.current - 1),
-                      16
-                    ),
-                    borderColor: e.hasRead ? "#cccccc" : "#e84225"
-                  },
-                  children: E && t == 0 ? /* @__PURE__ */ a(
-                    "div",
-                    {
-                      className: r.animationTip
-                    }
-                  ) : /* @__PURE__ */ a(
-                    Y,
-                    {
-                      handle: `.${r.handle}`,
-                      axis: "x",
-                      bounds: "parent",
-                      onMouseDown: (g) => U(g),
-                      onStop: (g) => q(e, g),
-                      position: A,
-                      children: l === t && !e.hasRead ? /* @__PURE__ */ a(
-                        "div",
-                        {
-                          className: r.handle
-                        }
-                      ) : /* @__PURE__ */ a("div", {})
-                    }
-                  )
-                },
-                Math.random() + +e.pageNo + +e.bottom
-              ) : /* @__PURE__ */ a(
-                "div",
-                {},
-                +e.pageNo + +e.bottom + Math.random()
-              );
-            }
-          ) }),
-          /* @__PURE__ */ a(
-            "button",
-            {
-              className: h(
-                r["round-btn"],
-                r.lastPage,
-                s === 1 && r.lastDisabled
-              ),
-              onClick: J,
-              disabled: s === 1
-            }
-          ),
-          /* @__PURE__ */ a(
-            "button",
-            {
-              className: h(
-                r["round-btn"],
-                r.nextPage,
-                s == +k && r.nextDisabled
-              ),
-              onClick: j,
-              disabled: s == +k
-            }
-          ),
-          M && /* @__PURE__ */ a(
-            ee,
-            {
-              currentIndex: s,
-              onClose: () => y(!1),
-              images: Q(
-                R,
-                +k
-              )
-            }
-          )
-        ] }) : /* @__PURE__ */ a("div", { children: "loading" })
-      }
-    )
-  ] });
-}
-const Se = Z.memo(Ce, (o, i) => L(o, i));
-export {
-  Se as H
-};