@ebscn/ui 1.0.3-beta.3 → 1.0.3-beta.30

package/es/components/toast/toast.js

@@ -0,0 +1,75 @@
+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, { useMemo } from 'react';
+import classNames from 'classnames';
+import { CloseIcon as CloseOutline, CheckOnlyIcon as CheckOutline } from '../icons';
+import Mask from '../mask';
+import { mergeProps } from '../../utils/with-default-props';
+import AutoCenter from '../auto-center';
+var classPrefix = "ebscn-toast";
+var defaultProps = {
+  maskClickable: true,
+  stopPropagation: ['click']
+};
+export var InternalToast = function (p) {
+  var props = mergeProps(defaultProps, p);
+  var maskClickable = props.maskClickable,
+    content = props.content,
+    icon = props.icon,
+    position = props.position;
+  var iconElement = useMemo(function () {
+    if (icon === null || icon === undefined) return null;
+    switch (icon) {
+      case 'success':
+        return React.createElement(CheckOutline, {
+          className: "".concat(classPrefix, "-icon-success")
+        });
+      case 'fail':
+        return React.createElement(CloseOutline, {
+          className: "".concat(classPrefix, "-icon-fail")
+        });
+      default:
+        return icon;
+    }
+  }, [icon]);
+  var top = useMemo(function () {
+    switch (position) {
+      case 'top':
+        return '20%';
+      case 'bottom':
+        return '80%';
+      default:
+        return '50%';
+    }
+  }, [position]);
+  return React.createElement(Mask, {
+    visible: props.visible,
+    destroyOnClose: true,
+    opacity: 0,
+    disableBodyScroll: !maskClickable,
+    getContainer: props.getContainer,
+    afterClose: props.afterClose,
+    style: __assign({
+      pointerEvents: maskClickable ? 'none' : 'auto'
+    }, props.maskStyle),
+    className: classNames("".concat(classPrefix, "-mask"), props.maskClassName),
+    stopPropagation: props.stopPropagation
+  }, React.createElement("div", {
+    className: classNames("".concat(classPrefix, "-wrap"))
+  }, React.createElement("div", {
+    style: {
+      top: top
+    },
+    className: classNames("".concat(classPrefix, "-main"), icon ? "".concat(classPrefix, "-main-icon") : "".concat(classPrefix, "-main-text"))
+  }, iconElement && React.createElement("div", {
+    className: "".concat(classPrefix, "-icon")
+  }, iconElement), React.createElement(AutoCenter, null, content))));
+};

package/es/components/toast/toast.patch.css

@@ -0,0 +1,11 @@
+.ebscn-toast-mask .ebscn-toast-main {
+  font-size: 15px;
+}
+.ebscn-toast-loading.ebscn-toast-loading {
+  width: 48px;
+  height: 48px;
+  margin: 0 auto 8px;
+}
+.ebscn-toast-loading.ebscn-toast-loading .ebscn-spin-loading-fill {
+  stroke: #ffffff;
+}

package/es/global/global.css

@@ -21,7 +21,7 @@
   --ebscn-color-warning: #ff8f1f;
   --ebscn-color-danger: #ff3141;
   --ebscn-color-yellow: #ff9f18;
-  --ebscn-color-wathet: #FDECE9;
+  --ebscn-color-wathet: #fef4f2;
   --ebscn-color-text: #333333;
   --ebscn-color-text-secondary: #666666;
   --ebscn-color-weak: #999999;
@@ -30,7 +30,7 @@
   --ebscn-color-background: #ffffff;
   --ebscn-color-highlight: var(--ebscn-color-danger);
   --ebscn-color-white: #ffffff;
-  --ebscn-color-box: #f5f5f5;
+  --ebscn-color-box: #f8f9fc;
   --ebscn-color-text-light-solid: var(--ebscn-color-white);
   --ebscn-color-text-dark-solid: #000000;
   --ebscn-color-fill-content: var(--ebscn-color-box);
@@ -45,24 +45,39 @@
   --ebscn-color-golden: #b47816;
   --ebscn-color-grey: rgba(0, 0, 0, 0.7);
   --ebscn-color-split-line: #EBEBEB;
+  --ebscn-color-keyboard-bg: #d3d5d8;
+  --ebscn-color-keyboard-key-bg: #fff;
+  --ebscn-color-keyboard-fckey-bg: #adb3bd;
+  --ebscn-color-keyboard-key-bg-active: #e5e5e5;
+  --ebscn-color-keyboard-fckey-bg-active: #9ba1aa;
+  --ebscn-color-keyboard-fckey-border: #888;
+  --ebscn-color-keyboard-key-border: #888;
 }
 html[data-prefers-color-scheme='dark'] {
-  --ebscn-color-primary: #3086ff;
+  --ebscn-color-blue: #4c7cf1;
   --ebscn-color-success: #34b368;
   --ebscn-color-warning: #ffa930;
   --ebscn-color-danger: #ff4a58;
   --ebscn-color-yellow: #ffa930;
   --ebscn-color-orange: #e65a2b;
   --ebscn-color-wathet: #0d2543;
-  --ebscn-color-text: #e6e6e6;
+  --ebscn-color-text: #ebebeb;
   --ebscn-color-text-secondary: #b3b3b3;
-  --ebscn-color-weak: #808080;
+  --ebscn-color-weak: #7a7a7a;
   --ebscn-color-light: #4d4d4d;
   --ebscn-color-border: #2b2b2b;
   --ebscn-color-box: #0a0a0a;
   --ebscn-color-background: #1a1a1a;
   --ebscn-color-background-body: var(--ebscn-color-background);
   --ebscn-border-color: var(--ebscn-color-border);
+  --ebscn-color-split-line: #2B2B2B;
+  --ebscn-color-keyboard-bg: #1a1a1a;
+  --ebscn-color-keyboard-key-bg: #474747;
+  --ebscn-color-keyboard-fckey-bg: #292929;
+  --ebscn-color-keyboard-key-bg-active: #323232;
+  --ebscn-color-keyboard-fckey-bg-active: #252525;
+  --ebscn-color-keyboard-fckey-border: #111;
+  --ebscn-color-keyboard-key-border: #333;
 }
 :root {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

package/es/global/theme-dark.css

@@ -1,18 +1,26 @@
 html[data-prefers-color-scheme='dark'] {
-  --ebscn-color-primary: #3086ff;
+  --ebscn-color-blue: #4c7cf1;
   --ebscn-color-success: #34b368;
   --ebscn-color-warning: #ffa930;
   --ebscn-color-danger: #ff4a58;
   --ebscn-color-yellow: #ffa930;
   --ebscn-color-orange: #e65a2b;
   --ebscn-color-wathet: #0d2543;
-  --ebscn-color-text: #e6e6e6;
+  --ebscn-color-text: #ebebeb;
   --ebscn-color-text-secondary: #b3b3b3;
-  --ebscn-color-weak: #808080;
+  --ebscn-color-weak: #7a7a7a;
   --ebscn-color-light: #4d4d4d;
   --ebscn-color-border: #2b2b2b;
   --ebscn-color-box: #0a0a0a;
   --ebscn-color-background: #1a1a1a;
   --ebscn-color-background-body: var(--ebscn-color-background);
   --ebscn-border-color: var(--ebscn-color-border);
+  --ebscn-color-split-line: #2B2B2B;
+  --ebscn-color-keyboard-bg: #1a1a1a;
+  --ebscn-color-keyboard-key-bg: #474747;
+  --ebscn-color-keyboard-fckey-bg: #292929;
+  --ebscn-color-keyboard-key-bg-active: #323232;
+  --ebscn-color-keyboard-fckey-bg-active: #252525;
+  --ebscn-color-keyboard-fckey-border: #111;
+  --ebscn-color-keyboard-key-border: #333;
 }

package/es/global/theme-default.css

@@ -21,7 +21,7 @@
   --ebscn-color-warning: #ff8f1f;
   --ebscn-color-danger: #ff3141;
   --ebscn-color-yellow: #ff9f18;
-  --ebscn-color-wathet: #FDECE9;
+  --ebscn-color-wathet: #fef4f2;
   --ebscn-color-text: #333333;
   --ebscn-color-text-secondary: #666666;
   --ebscn-color-weak: #999999;
@@ -30,7 +30,7 @@
   --ebscn-color-background: #ffffff;
   --ebscn-color-highlight: var(--ebscn-color-danger);
   --ebscn-color-white: #ffffff;
-  --ebscn-color-box: #f5f5f5;
+  --ebscn-color-box: #f8f9fc;
   --ebscn-color-text-light-solid: var(--ebscn-color-white);
   --ebscn-color-text-dark-solid: #000000;
   --ebscn-color-fill-content: var(--ebscn-color-box);
@@ -45,4 +45,11 @@
   --ebscn-color-golden: #b47816;
   --ebscn-color-grey: rgba(0, 0, 0, 0.7);
   --ebscn-color-split-line: #EBEBEB;
+  --ebscn-color-keyboard-bg: #d3d5d8;
+  --ebscn-color-keyboard-key-bg: #fff;
+  --ebscn-color-keyboard-fckey-bg: #adb3bd;
+  --ebscn-color-keyboard-key-bg-active: #e5e5e5;
+  --ebscn-color-keyboard-fckey-bg-active: #9ba1aa;
+  --ebscn-color-keyboard-fckey-border: #888;
+  --ebscn-color-keyboard-key-border: #888;
 }

package/es/index.d.ts

@@ -20,6 +20,7 @@ export { default as PickerView } from './components/picker-view';
 export { default as Popup } from './components/popup';
 export { default as ProSelector } from './components/pro-selector';
 export { default as Protocal } from './components/protocol';
+export { default as Popover } from './components/popover';
 export { default as PullToRefresh } from './components/pull-to-refresh';
 export { default as Radio } from './components/radio';
 export { default as SafeArea } from './components/safe-area';
@@ -36,3 +37,6 @@ export { default as Tabs } from './components/tabs';
 export { default as Tip } from './components/tip';
 export { default as ToastLoading } from './components/toastLoading';
 export { default as Input } from './components/input';
+export { default as InfiniteScroll } from './components/infinite-scroll';
+export { default as List } from './components/list';
+export { default as Toast } from './components/toast';

package/es/index.js

@@ -22,6 +22,7 @@ export { default as PickerView } from './components/picker-view';
 export { default as Popup } from './components/popup';
 export { default as ProSelector } from './components/pro-selector';
 export { default as Protocal } from './components/protocol';
+export { default as Popover } from './components/popover';
 export { default as PullToRefresh } from './components/pull-to-refresh';
 export { default as Radio } from './components/radio';
 export { default as SafeArea } from './components/safe-area';
@@ -37,8 +38,11 @@ export { default as Switch } from './components/switch';
 export { default as Tabs } from './components/tabs';
 export { default as Tip } from './components/tip';
 export { default as ToastLoading } from './components/toastLoading';
-//export { default as PayInput} from './components/pay-input';
-//export { default as MoneyInput } from './components/money-input';
-//export { default as FeneInput } from './components/fene-input';
 export { default as Input } from './components/input';
-//export { default as CommonInput } from './components/common-input';
+export { default as InfiniteScroll } from './components/infinite-scroll';
+export { default as List } from './components/list';
+export { default as Toast } from './components/toast';
+// export { default as PayInput} from './components/pay-input';
+// export { default as MoneyInput } from './components/money-input';
+// export { default as FeneInput } from './components/fene-input';
+// export { default as CommonInput } from './components/common-input';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebscn/ui",
-  "version": "1.0.3-beta.3",
+  "version": "1.0.3-beta.30",
   "description": "ebscn react library",
   "module": "./es/index.js",
   "types": "./es/index.d.ts",
@@ -39,21 +39,15 @@
     "@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-fast-compare": "^3.2.2",
     "react-is": "^18.2.0",
     "react-photo-view": "^1.2.4",
-    "use-sync-external-store": "^1.2.0"
-  },
-  "sideEffects": [
-    "**/*.css",
-    "**/*.less",
-    "./es/index.js",
-    "./src/index.ts",
-    "./es/global/index.js",
-    "./src/global/index.ts"
-  ]
+    "use-sync-external-store": "^1.2.0",
+    "@floating-ui/dom": "^1.4.2",
+    "antd-mobile-icons": "^0.3.0",
+    "staged-components": "^1.1.3"
+  }
 }