assui 2.0.2 → 2.0.6

package/lib/highlight-textarea/style/index.css

@@ -0,0 +1,38 @@
+.highlight-textarea {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  height: 100px;
+  overflow: hidden;
+  -webkit-text-size-adjust: none;
+}
+.highlight-textarea-backdrop {
+  overflow-x: hidden;
+  overflow-y: scroll;
+  color: transparent;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  border: 1px solid;
+  border-color: transparent;
+}
+.highlight-textarea-input.highlight-content {
+  z-index: 100;
+  overflow-x: hidden;
+  overflow-y: scroll;
+  font: inherit;
+  resize: none;
+}
+.highlight-textarea .highlight-content {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding: 2px 5px 0 5px;
+  background: none transparent !important;
+}
+.highlight-textarea .highlight-content mark {
+  padding: 0;
+  color: inherit;
+  background-color: #a3daff;
+}

package/lib/highlight-textarea/style/index.d.ts

@@ -0,0 +1,2 @@
+import 'antd/es/input/style';
+import './index.less';

package/lib/highlight-textarea/style/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+require("antd/es/input/style");
+
+require("./index.less");

package/lib/highlight-textarea/style/index.less

@@ -0,0 +1,42 @@
+.highlight-textarea {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  height: 100px;
+  overflow: hidden;
+  -webkit-text-size-adjust: none;
+
+  &-backdrop {
+    overflow-x: hidden;
+    overflow-y: scroll;
+    color: transparent;
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    border: 1px solid;
+    border-color: transparent;
+  }
+
+  &-input.highlight-content {
+    z-index: 100;
+    overflow-x: hidden;
+    overflow-y: scroll;
+    font: inherit;
+    resize: none;
+  }
+
+  .highlight-content {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    padding: 2px 5px 0 5px;
+    background: none transparent !important;
+  }
+
+  .highlight-content mark {
+    padding: 0;
+    color: inherit;
+    background-color: #a3daff;
+  }
+}

package/lib/highlight-textarea/types.d.ts

@@ -0,0 +1,16 @@
+export declare type StringType = string;
+export declare type NumberArrayType = number[];
+export declare type RegExpType = RegExp;
+export declare type FuncType = (input: string) => string;
+export declare type HighlightInstanceType = StringType | NumberArrayType | RegExpType | FuncType;
+export declare type AdmixArrayType = HighlightInstanceType[];
+export declare type ObjectType = {
+    highlight: HighlightInstanceType;
+    className?: string;
+};
+export declare type CustomArrayArrayType = ObjectType[];
+export declare type RangesType = (number | {
+    className?: string;
+})[][];
+export declare type HighlightType = StringType | NumberArrayType | RegExpType | FuncType | HighlightInstanceType | AdmixArrayType | ObjectType | CustomArrayArrayType;
+export declare type TypeList = 'falsely' | 'range' | 'array' | 'regexp' | 'custom' | 'other' | 'function' | 'string';

package/lib/highlight-textarea/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/highlight-words/index.d.ts

@@ -0,0 +1,3 @@
+import HighlightWords, { FindChunks, Chunk, HighlighterProps } from 'react-highlight-words';
+export { FindChunks, Chunk, HighlighterProps };
+export default HighlightWords;

package/lib/highlight-words/index.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var react_highlight_words_1 = __importDefault(require("react-highlight-words"));
+
+exports["default"] = react_highlight_words_1["default"];

package/lib/highlight-words/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/icon/demo/svg/check-circle-filled.svg

@@ -0,0 +1,6 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+  y="0px" viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+  <circle fill="currentColor" cx="8" cy="8" r="8" />
+  <path fill="inherit" class="st0" d="M12.5,4.4c-0.2-0.2-0.5-0.2-0.7,0l-5,5c0,0,0,0,0,0c-0.2,0.2-0.5,0.2-0.7,0l-2-2C4,7.2,3.7,7.2,3.5,7.4L2.8,8.2
+  c-0.2,0.2-0.2,0.5,0,0.7l3.3,3.3c0.2,0.2,0.6,0.2,0.8,0l6.3-6.3c0.2-0.2,0.2-0.5,0-0.7L12.5,4.4z" />
+</svg>

package/lib/icon/demo/svg/coin-circle.svg

@@ -0,0 +1,9 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
+	y="0px" viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+	<path fill="currentColor" d="M8,9.9c-2,0-3.7-0.6-3.7-1.7v1c0,1,1.7,1.9,3.7,1.9s3.7-0.8,3.7-1.9v-1C11.7,9.2,10,9.9,8,9.9z M8,11.7
+	c-2,0-3.7-0.6-3.7-1.7v1c0,1,1.7,1.9,3.7,1.9s3.7-0.8,3.7-1.9v-1C11.7,11.1,10,11.7,8,11.7L8,11.7z M8,8C6,8,4.3,7.4,4.3,6.3v1
+	c0,1,1.7,1.9,3.7,1.9s3.7-0.8,3.7-1.9v-1C11.7,7.4,10,8,8,8z M8,3.1c-2,0-3.7,0.8-3.7,1.9v0.6c0,1,1.7,1.9,3.7,1.9s3.7-0.8,3.7-1.9
+	V4.9C11.7,3.9,10,3.1,8,3.1z" />
+	<path fill="currentColor" d="M8,0.8c4,0,7.3,3.3,7.3,7.2S12,15.3,8,15.3S0.7,12,0.7,8S4,0.8,8,0.8 M8,0C3.6,0,0,3.6,0,8c0,4.4,3.6,8,8,8s8-3.6,8-8
+	C16,3.6,12.4,0,8,0L8,0z" />
+</svg>

package/lib/icon/index.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+export interface IconBaseProps extends React.HTMLProps<HTMLSpanElement> {
+    spin?: boolean;
+    rotate?: number;
+}
+export interface CustomIconComponentProps {
+    width?: string | number;
+    height?: string | number;
+    fill?: string;
+    style?: React.CSSProperties;
+    viewBox?: string;
+    className?: string;
+}
+export interface IconProps extends IconBaseProps {
+    className?: string;
+    component?: React.ComponentType<CustomIconComponentProps | React.SVGProps<SVGSVGElement>>;
+    viewBox?: string;
+    tabIndex?: number;
+    style?: React.CSSProperties;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+    children?: React.ReactNode;
+}
+declare const Icon: {
+    (props: IconProps): JSX.Element;
+    displayName: string;
+};
+export default Icon;

package/lib/icon/index.js

@@ -0,0 +1,143 @@
+"use strict";
+
+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);
+};
+
+var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  Object.defineProperty(o, k2, {
+    enumerable: true,
+    get: function get() {
+      return m[k];
+    }
+  });
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+
+var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+
+var __importStar = this && this.__importStar || function (mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k in mod) {
+    if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  }
+
+  __setModuleDefault(result, mod);
+
+  return result;
+};
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var React = __importStar(require("react"));
+
+var classnames_1 = __importDefault(require("classnames"));
+
+var utils_1 = require("./utils");
+
+var Icon = function Icon(props) {
+  var className = props.className,
+      Component = props.component,
+      viewBox = props.viewBox,
+      spin = props.spin,
+      rotate = props.rotate,
+      tabIndex = props.tabIndex,
+      onClick = props.onClick,
+      children = props.children,
+      restProps = __rest(props, ["className", "component", "viewBox", "spin", "rotate", "tabIndex", "onClick", "children"]);
+
+  utils_1.useInsertStyles();
+  var classString = classnames_1["default"]('spotecicon', className);
+  var svgClassString = classnames_1["default"]({
+    'spotecicon-spin': !!spin
+  });
+  var svgStyle = rotate ? {
+    msTransform: "rotate(" + rotate + "deg)",
+    transform: "rotate(" + rotate + "deg)"
+  } : undefined;
+
+  var innerSvgProps = __assign(__assign({}, utils_1.svgBaseProps), {
+    className: svgClassString,
+    style: svgStyle,
+    viewBox: viewBox
+  });
+
+  if (!viewBox) {
+    delete innerSvgProps.viewBox;
+  }
+
+  var renderInnerNode = function renderInnerNode() {
+    if (Component) {
+      return React.createElement(Component, __assign({}, innerSvgProps), children);
+    }
+
+    if (children) {
+      return React.createElement("svg", __assign({}, innerSvgProps, {
+        viewBox: viewBox
+      }), children);
+    }
+
+    return null;
+  };
+
+  var iconTabIndex = tabIndex;
+
+  if (iconTabIndex === undefined && onClick) {
+    iconTabIndex = -1;
+  }
+
+  return React.createElement("span", __assign({
+    role: "img"
+  }, restProps, {
+    tabIndex: iconTabIndex,
+    onClick: onClick,
+    className: classString
+  }), renderInnerNode());
+};
+
+Icon.displayName = 'SpotecIcon';
+exports["default"] = Icon;

package/lib/icon/style/index.d.ts

@@ -0,0 +1 @@
+

package/lib/icon/utils.d.ts

@@ -0,0 +1,6 @@
+export declare const svgBaseProps: {
+    'aria-hidden': string;
+    focusable: string;
+};
+export declare const iconStyles = "\n.spotecicon {\n  display: inline-block;\n  width: 16px;\n  color: inherit;\n  font-style: normal;\n  line-height: 0;\n  text-align: center;\n  text-transform: none;\n  vertical-align: -0.125em;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.spotecicon > * {\n  line-height: 1;\n}\n\n.spotecicon svg {\n  display: inline-block;\n}\n\n.spotecicon::before {\n  display: none;\n}\n\n.spotecicon .spotecicon-icon {\n  display: block;\n}\n\n.spotecicon[tabindex] {\n  cursor: pointer;\n}\n\n.spotecicon-spin::before,\n.spotecicon-spin {\n  display: inline-block;\n  -webkit-animation: loadingCircle 1s infinite linear;\n  animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n";
+export declare const useInsertStyles: (styleStr?: string) => void;

package/lib/icon/utils.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useInsertStyles = exports.iconStyles = exports.svgBaseProps = void 0;
+
+var react_1 = require("react");
+
+var insert_css_1 = require("insert-css");
+
+exports.svgBaseProps = {
+  'aria-hidden': 'true',
+  focusable: 'false'
+};
+exports.iconStyles = "\n.spotecicon {\n  display: inline-block;\n  width: 16px;\n  color: inherit;\n  font-style: normal;\n  line-height: 0;\n  text-align: center;\n  text-transform: none;\n  vertical-align: -0.125em;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\n.spotecicon > * {\n  line-height: 1;\n}\n\n.spotecicon svg {\n  display: inline-block;\n}\n\n.spotecicon::before {\n  display: none;\n}\n\n.spotecicon .spotecicon-icon {\n  display: block;\n}\n\n.spotecicon[tabindex] {\n  cursor: pointer;\n}\n\n.spotecicon-spin::before,\n.spotecicon-spin {\n  display: inline-block;\n  -webkit-animation: loadingCircle 1s infinite linear;\n  animation: loadingCircle 1s infinite linear;\n}\n\n@-webkit-keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes loadingCircle {\n  100% {\n    -webkit-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n}\n";
+var cssInjectedFlag = false;
+
+exports.useInsertStyles = function (styleStr) {
+  if (styleStr === void 0) {
+    styleStr = exports.iconStyles;
+  }
+
+  react_1.useEffect(function () {
+    if (!cssInjectedFlag) {
+      insert_css_1.insertCss(styleStr, {
+        prepend: true
+      });
+      cssInjectedFlag = true;
+    }
+  }, []);
+};

package/lib/img-crop/EasyCrop.d.ts

@@ -0,0 +1,6 @@
+import { CropperProps } from 'react-easy-crop';
+export interface EasyCropProps extends Omit<CropperProps, 'onCropChange' | 'mediaProps' | 'crop' | 'zoomSpeed' | 'restrictPosition' | 'style'> {
+    onComplete: (value: any) => void;
+}
+declare const EasyCrop: (props: EasyCropProps) => JSX.Element;
+export default EasyCrop;

package/lib/img-crop/EasyCrop.js

@@ -0,0 +1,160 @@
+"use strict";
+
+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);
+};
+
+var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  Object.defineProperty(o, k2, {
+    enumerable: true,
+    get: function get() {
+      return m[k];
+    }
+  });
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+
+var __setModuleDefault = this && this.__setModuleDefault || (Object.create ? function (o, v) {
+  Object.defineProperty(o, "default", {
+    enumerable: true,
+    value: v
+  });
+} : function (o, v) {
+  o["default"] = v;
+});
+
+var __importStar = this && this.__importStar || function (mod) {
+  if (mod && mod.__esModule) return mod;
+  var result = {};
+  if (mod != null) for (var k in mod) {
+    if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+  }
+
+  __setModuleDefault(result, mod);
+
+  return result;
+};
+
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+var __read = this && this.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+      r,
+      ar = [],
+      e;
+
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+
+  return ar;
+};
+
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
+};
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var React = __importStar(require("react"));
+
+var react_easy_crop_1 = __importDefault(require("react-easy-crop"));
+
+var EasyCrop = function EasyCrop(props) {
+  var aspect = props.aspect,
+      minZoom = props.minZoom,
+      maxZoom = props.maxZoom,
+      onComplete = props.onComplete,
+      restProps = __rest(props, ["aspect", "minZoom", "maxZoom", "onComplete"]);
+
+  var _a = __read(React.useState({
+    x: 0,
+    y: 0
+  }), 2),
+      crop = _a[0],
+      setCrop = _a[1];
+
+  var _b = __read(React.useState({
+    width: 0,
+    height: 0
+  }), 2),
+      cropSize = _b[0],
+      setCropSize = _b[1];
+
+  var onCropComplete = React.useCallback(function (_, croppedAreaPixels) {
+    onComplete(croppedAreaPixels);
+  }, [onComplete]);
+  var onMediaLoaded = React.useCallback(function (mediaSize) {
+    var width = mediaSize.width,
+        height = mediaSize.height;
+    var ratioWidth = height * aspect;
+
+    if (width > ratioWidth) {
+      setCropSize({
+        width: ratioWidth,
+        height: height
+      });
+    } else {
+      setCropSize({
+        width: width,
+        height: width / aspect
+      });
+    }
+  }, [aspect]);
+  return React.createElement(react_easy_crop_1["default"], __assign({}, restProps, {
+    crop: crop,
+    cropSize: cropSize,
+    onCropChange: setCrop,
+    aspect: aspect,
+    minZoom: minZoom,
+    maxZoom: maxZoom,
+    onCropComplete: onCropComplete,
+    onMediaLoaded: onMediaLoaded
+  }));
+};
+
+exports["default"] = EasyCrop;