assui 2.0.2 → 2.0.6

package/es/condition-input/style/index.d.ts

@@ -0,0 +1 @@
+import 'antd/es/input/style';

package/es/condition-input/style/index.js

@@ -0,0 +1 @@
+import 'antd/es/input/style';

package/es/copy-to-clipboard/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { TooltipProps } from 'antd/lib/tooltip';
+export interface CopyToClipboardProps {
+    /** 需要复制的字符串 */
+    text: string;
+    /** 触发复制事件的元素 */
+    children: React.ReactElement;
+    /** 文本被复制时候的回调 */
+    onCopy?(text: string, result: boolean): void;
+    /** ant design Tooltip props */
+    tooltipProps: TooltipProps;
+    /** 复制成功的Tooltip提示文案 */
+    tooltipTitle?: React.ReactNode;
+    /** 依赖底层组件 https://github.com/sudodoki/copy-to-clipboard 的 options */
+    options?: {
+        debug?: boolean;
+        message?: string;
+        format?: string;
+    };
+}
+declare const _default: React.MemoExoticComponent<(props: CopyToClipboardProps) => JSX.Element>;
+export default _default;

package/es/copy-to-clipboard/index.js

@@ -0,0 +1,95 @@
+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 __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;
+};
+
+import React, { useState } from 'react';
+import copy from 'copy-to-clipboard';
+import Tooltip from 'antd/lib/tooltip';
+
+var CopyToClipboard = function CopyToClipboard(props) {
+  var text = props.text,
+      onCopy = props.onCopy,
+      children = props.children,
+      options = props.options,
+      tooltipTitle = props.tooltipTitle,
+      tooltipProps = props.tooltipProps;
+
+  var _a = __read(useState(false), 2),
+      tooltipVisible = _a[0],
+      setTooltipVisible = _a[1];
+
+  var handleCopySuccess = function handleCopySuccess() {
+    setTooltipVisible(true);
+    setTimeout(function () {
+      setTooltipVisible(false);
+    }, 1000);
+  };
+
+  var onClick = function onClick(event) {
+    var elem = React.Children.only(children);
+    var result = copy(text, options);
+
+    if (onCopy) {
+      onCopy(text, result);
+    }
+
+    if (tooltipTitle) {
+      handleCopySuccess();
+    }
+
+    if (elem && elem.props && typeof elem.props.onClick === 'function') {
+      elem.props.onClick(event);
+    }
+  };
+
+  return tooltipTitle ? /*#__PURE__*/React.createElement(Tooltip, __assign({
+    placement: "topLeft",
+    visible: tooltipVisible,
+    title: tooltipTitle
+  }, tooltipProps), /*#__PURE__*/React.cloneElement(children, {
+    onClick: onClick
+  })) : /*#__PURE__*/React.cloneElement(children, {
+    onClick: onClick
+  });
+};
+
+export default /*#__PURE__*/React.memo(CopyToClipboard);

package/es/copy-to-clipboard/style/index.css

@@ -0,0 +1,249 @@
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.ant-tooltip {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: 'tnum';
+  position: absolute;
+  z-index: 1070;
+  display: block;
+  width: -webkit-max-content;
+  width: -moz-max-content;
+  width: max-content;
+  max-width: 250px;
+  visibility: visible;
+}
+.ant-tooltip-hidden {
+  display: none;
+}
+.ant-tooltip-placement-top,
+.ant-tooltip-placement-topLeft,
+.ant-tooltip-placement-topRight {
+  padding-bottom: 8px;
+}
+.ant-tooltip-placement-right,
+.ant-tooltip-placement-rightTop,
+.ant-tooltip-placement-rightBottom {
+  padding-left: 8px;
+}
+.ant-tooltip-placement-bottom,
+.ant-tooltip-placement-bottomLeft,
+.ant-tooltip-placement-bottomRight {
+  padding-top: 8px;
+}
+.ant-tooltip-placement-left,
+.ant-tooltip-placement-leftTop,
+.ant-tooltip-placement-leftBottom {
+  padding-right: 8px;
+}
+.ant-tooltip-inner {
+  min-width: 30px;
+  min-height: 32px;
+  padding: 6px 8px;
+  color: #fff;
+  text-align: left;
+  text-decoration: none;
+  word-wrap: break-word;
+  background-color: rgba(0, 0, 0, 0.75);
+  border-radius: 2px;
+  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
+}
+.ant-tooltip-arrow {
+  position: absolute;
+  display: block;
+  width: 13.07106781px;
+  height: 13.07106781px;
+  overflow: hidden;
+  background: transparent;
+  pointer-events: none;
+}
+.ant-tooltip-arrow-content {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: block;
+  width: 5px;
+  height: 5px;
+  margin: auto;
+  background-color: rgba(0, 0, 0, 0.75);
+  content: '';
+  pointer-events: auto;
+}
+.ant-tooltip-placement-top .ant-tooltip-arrow,
+.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
+.ant-tooltip-placement-topRight .ant-tooltip-arrow {
+  bottom: -5.07106781px;
+}
+.ant-tooltip-placement-top .ant-tooltip-arrow-content,
+.ant-tooltip-placement-topLeft .ant-tooltip-arrow-content,
+.ant-tooltip-placement-topRight .ant-tooltip-arrow-content {
+  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
+  transform: translateY(-6.53553391px) rotate(45deg);
+}
+.ant-tooltip-placement-top .ant-tooltip-arrow {
+  left: 50%;
+  transform: translateX(-50%);
+}
+.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
+  left: 13px;
+}
+.ant-tooltip-placement-topRight .ant-tooltip-arrow {
+  right: 13px;
+}
+.ant-tooltip-placement-right .ant-tooltip-arrow,
+.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
+.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
+  left: -5.07106781px;
+}
+.ant-tooltip-placement-right .ant-tooltip-arrow-content,
+.ant-tooltip-placement-rightTop .ant-tooltip-arrow-content,
+.ant-tooltip-placement-rightBottom .ant-tooltip-arrow-content {
+  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
+  transform: translateX(6.53553391px) rotate(45deg);
+}
+.ant-tooltip-placement-right .ant-tooltip-arrow {
+  top: 50%;
+  transform: translateY(-50%);
+}
+.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
+  top: 5px;
+}
+.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
+  bottom: 5px;
+}
+.ant-tooltip-placement-left .ant-tooltip-arrow,
+.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
+.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
+  right: -5.07106781px;
+}
+.ant-tooltip-placement-left .ant-tooltip-arrow-content,
+.ant-tooltip-placement-leftTop .ant-tooltip-arrow-content,
+.ant-tooltip-placement-leftBottom .ant-tooltip-arrow-content {
+  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
+  transform: translateX(-6.53553391px) rotate(45deg);
+}
+.ant-tooltip-placement-left .ant-tooltip-arrow {
+  top: 50%;
+  transform: translateY(-50%);
+}
+.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
+  top: 5px;
+}
+.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
+  bottom: 5px;
+}
+.ant-tooltip-placement-bottom .ant-tooltip-arrow,
+.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
+.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
+  top: -5.07106781px;
+}
+.ant-tooltip-placement-bottom .ant-tooltip-arrow-content,
+.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow-content,
+.ant-tooltip-placement-bottomRight .ant-tooltip-arrow-content {
+  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
+  transform: translateY(6.53553391px) rotate(45deg);
+}
+.ant-tooltip-placement-bottom .ant-tooltip-arrow {
+  left: 50%;
+  transform: translateX(-50%);
+}
+.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
+  left: 13px;
+}
+.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
+  right: 13px;
+}
+.ant-tooltip-pink .ant-tooltip-inner {
+  background-color: #eb2f96;
+}
+.ant-tooltip-pink .ant-tooltip-arrow-content {
+  background-color: #eb2f96;
+}
+.ant-tooltip-magenta .ant-tooltip-inner {
+  background-color: #eb2f96;
+}
+.ant-tooltip-magenta .ant-tooltip-arrow-content {
+  background-color: #eb2f96;
+}
+.ant-tooltip-red .ant-tooltip-inner {
+  background-color: #f5222d;
+}
+.ant-tooltip-red .ant-tooltip-arrow-content {
+  background-color: #f5222d;
+}
+.ant-tooltip-volcano .ant-tooltip-inner {
+  background-color: #fa541c;
+}
+.ant-tooltip-volcano .ant-tooltip-arrow-content {
+  background-color: #fa541c;
+}
+.ant-tooltip-orange .ant-tooltip-inner {
+  background-color: #fa8c16;
+}
+.ant-tooltip-orange .ant-tooltip-arrow-content {
+  background-color: #fa8c16;
+}
+.ant-tooltip-yellow .ant-tooltip-inner {
+  background-color: #fadb14;
+}
+.ant-tooltip-yellow .ant-tooltip-arrow-content {
+  background-color: #fadb14;
+}
+.ant-tooltip-gold .ant-tooltip-inner {
+  background-color: #faad14;
+}
+.ant-tooltip-gold .ant-tooltip-arrow-content {
+  background-color: #faad14;
+}
+.ant-tooltip-cyan .ant-tooltip-inner {
+  background-color: #13c2c2;
+}
+.ant-tooltip-cyan .ant-tooltip-arrow-content {
+  background-color: #13c2c2;
+}
+.ant-tooltip-lime .ant-tooltip-inner {
+  background-color: #a0d911;
+}
+.ant-tooltip-lime .ant-tooltip-arrow-content {
+  background-color: #a0d911;
+}
+.ant-tooltip-green .ant-tooltip-inner {
+  background-color: #52c41a;
+}
+.ant-tooltip-green .ant-tooltip-arrow-content {
+  background-color: #52c41a;
+}
+.ant-tooltip-blue .ant-tooltip-inner {
+  background-color: #1890ff;
+}
+.ant-tooltip-blue .ant-tooltip-arrow-content {
+  background-color: #1890ff;
+}
+.ant-tooltip-geekblue .ant-tooltip-inner {
+  background-color: #2f54eb;
+}
+.ant-tooltip-geekblue .ant-tooltip-arrow-content {
+  background-color: #2f54eb;
+}
+.ant-tooltip-purple .ant-tooltip-inner {
+  background-color: #722ed1;
+}
+.ant-tooltip-purple .ant-tooltip-arrow-content {
+  background-color: #722ed1;
+}
+.ant-tooltip-rtl {
+  direction: rtl;
+}
+.ant-tooltip-rtl .ant-tooltip-inner {
+  text-align: right;
+}

package/es/copy-to-clipboard/style/index.d.ts

@@ -0,0 +1 @@
+import './index.less';

package/es/copy-to-clipboard/style/index.js

@@ -0,0 +1 @@
+import './index.less';

package/es/copy-to-clipboard/style/index.less

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

package/es/highlight-textarea/HighlighedContents.d.ts

@@ -0,0 +1,7 @@
+import { HighlightType } from './types';
+export interface HighlighedContentsProps {
+    value: string;
+    highlight: HighlightType;
+}
+declare const HighlighedContents: ({ value, highlight }: HighlighedContentsProps) => JSX.Element;
+export default HighlighedContents;

package/es/highlight-textarea/HighlighedContents.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import getRanges from './getRanges';
+import extractSpansOfClasses from './extractSpansOfClasses';
+
+var HighlighedContents = function HighlighedContents(_a) {
+  var value = _a.value,
+      highlight = _a.highlight;
+  var ranges = getRanges(value, highlight);
+  var parts = extractSpansOfClasses(value, ranges);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, parts.map(function (part) {
+    return part.render();
+  }));
+};
+
+export default HighlighedContents;

package/es/highlight-textarea/extractSpansOfClasses.d.ts

@@ -0,0 +1,15 @@
+import { RangesType } from './types';
+declare class Span {
+    beginIndex: number;
+    endIndex: number;
+    markClasses: Set<string>;
+    isMark: boolean;
+    text: string;
+    constructor(text: string, beginIndex: number);
+    setMark(className: string): void;
+    carve(beginIndex2: number): Span;
+    get className(): string;
+    render(): JSX.Element;
+}
+export default function extractSpansOfClasses(value: string, ranges: RangesType): Span[];
+export {};

package/es/highlight-textarea/extractSpansOfClasses.js

@@ -0,0 +1,159 @@
+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 __spread = this && this.__spread || function () {
+  for (var ar = [], i = 0; i < arguments.length; i++) {
+    ar = ar.concat(__read(arguments[i]));
+  }
+
+  return ar;
+};
+
+import React from 'react';
+
+var Span = function () {
+  function Span(text, beginIndex) {
+    this.beginIndex = beginIndex;
+    this.endIndex = beginIndex + text.length;
+    this.text = text;
+    this.isMark = false;
+    this.markClasses = new Set();
+  }
+
+  Span.prototype.setMark = function (className) {
+    var _this = this;
+
+    this.isMark = true;
+
+    if (className) {
+      className.split(' ').forEach(function (cls) {
+        _this.markClasses.add(cls);
+      });
+    }
+  };
+
+  Span.prototype.carve = function (beginIndex2) {
+    var rightText = this.text.slice(beginIndex2 - this.beginIndex);
+    this.text = this.text.slice(0, beginIndex2 - this.beginIndex);
+    this.endIndex = beginIndex2;
+    var right = new Span(rightText, beginIndex2);
+    right.isMark = this.isMark;
+    right.markClasses = new Set(__spread(this.markClasses));
+    return right;
+  };
+
+  Object.defineProperty(Span.prototype, "className", {
+    get: function get() {
+      if (this.markClasses && this.markClasses.size > 0) {
+        return __spread(this.markClasses).sort().join(' ');
+      }
+
+      return '';
+    },
+    enumerable: false,
+    configurable: true
+  });
+
+  Span.prototype.render = function () {
+    if (this.isMark) {
+      var className = this.className;
+
+      if (className) {
+        return /*#__PURE__*/React.createElement("mark", {
+          key: this.beginIndex,
+          className: className
+        }, this.text);
+      }
+
+      return /*#__PURE__*/React.createElement("mark", {
+        key: this.beginIndex
+      }, this.text);
+    }
+
+    return /*#__PURE__*/React.createElement("span", {
+      key: this.beginIndex
+    }, this.text);
+  };
+
+  return Span;
+}();
+
+export default function extractSpansOfClasses(value, ranges) {
+  var spans = [new Span(value, 0)];
+  ranges.forEach(function (range) {
+    var beginIndex = range[0];
+    var endIndex = range[1];
+    var rangeOption = range[2];
+    var _a = (rangeOption || {}).className,
+        className = _a === void 0 ? '' : _a;
+
+    for (var i = 0; i < spans.length; i++) {
+      var span = spans[i]; // since spans are sorted, So this is always true: beginIndex >= span.beginIndex.
+
+      if (beginIndex < span.endIndex) {
+        if (beginIndex === span.beginIndex) {
+          if (endIndex < span.endIndex) {
+            // [range]
+            // [s  p  a  n]
+            var span2 = span.carve(endIndex);
+            span.setMark(className);
+            spans.splice(i + 1, 0, span2);
+            beginIndex = endIndex;
+            i += 1;
+          } else {
+            // [range]   or   [r a n g e]
+            // [span-]        [span]
+            span.setMark(className);
+            beginIndex = span.endIndex;
+          }
+        } else if (endIndex < span.endIndex) {
+          //   [range]
+          // [s  p  a  n]
+          var span2 = span.carve(beginIndex);
+          var span3 = span2.carve(endIndex);
+          span2.setMark(className);
+          spans.splice(i + 1, 0, span2, span3);
+          beginIndex = endIndex;
+          i += 2;
+        } else {
+          //   [range]  or     [range]
+          // [s p a n]       [span]
+          var span2 = span.carve(beginIndex);
+          span2.setMark(className);
+          spans.splice(i + 1, 0, span2);
+          beginIndex = span2.endIndex;
+          i += 1;
+        }
+      }
+
+      if (beginIndex === endIndex) {
+        break;
+      }
+    }
+  });
+  return spans;
+}