assui 2.0.2 → 2.0.6

package/lib/img-crop/style/index.css

@@ -0,0 +1,52 @@
+/* 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-img-crop-modal .ant-modal-body {
+  padding-bottom: 16px;
+}
+.ant-img-crop-modal .ant-img-crop-container {
+  position: relative;
+  width: 100%;
+  height: 40vh;
+  margin-bottom: 16px;
+}
+.ant-img-crop-modal .ant-img-crop-control {
+  display: flex;
+  align-items: center;
+  width: 60%;
+  margin-right: auto;
+  margin-left: auto;
+}
+.ant-img-crop-modal .ant-img-crop-control button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 34px;
+  height: 34px;
+  padding: 0;
+  font-style: normal;
+  background: transparent;
+  border: 0;
+  outline: 0;
+  cursor: pointer;
+}
+.ant-img-crop-modal .ant-img-crop-control button[disabled] {
+  cursor: default;
+}
+.ant-img-crop-modal .ant-img-crop-control.zoom button {
+  font-size: 18px;
+}
+.ant-img-crop-modal .ant-img-crop-control.rotate button {
+  font-size: 16px;
+}
+.ant-img-crop-modal .ant-img-crop-control.rotate button:first-of-type {
+  transform: rotate(-20deg);
+}
+.ant-img-crop-modal .ant-img-crop-control.rotate button:last-of-type {
+  transform: rotate(20deg);
+}
+.ant-img-crop-modal .ant-img-crop-control .ant-slider {
+  flex: 1;
+  margin: 0 8px;
+}

package/lib/img-crop/style/index.d.ts

@@ -0,0 +1,3 @@
+import 'antd/es/slider/style';
+import 'antd/es/modal/style';
+import './index.less';

package/lib/img-crop/style/index.js

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

package/lib/img-crop/style/index.less

@@ -0,0 +1,54 @@
+@import '~antd/es/style/themes/index';
+
+@pkg: ~'@{ant-prefix}-img-crop';
+.@{pkg}-modal {
+  .ant-modal-body {
+    padding-bottom: 16px;
+  }
+  .@{pkg}-container {
+    position: relative;
+    width: 100%;
+    height: 40vh;
+    margin-bottom: 16px;
+  }
+  .@{pkg}-control {
+    display: flex;
+    align-items: center;
+    width: 60%;
+    margin-right: auto;
+    margin-left: auto;
+
+    button {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 34px;
+      height: 34px;
+      padding: 0;
+      font-style: normal;
+      background: transparent;
+      border: 0;
+      outline: 0;
+      cursor: pointer;
+      &[disabled] {
+        cursor: default;
+      }
+    }
+    &.zoom button {
+      font-size: 18px;
+    }
+    &.rotate button {
+      font-size: 16px;
+      &:first-of-type {
+        transform: rotate(-20deg);
+      }
+      &:last-of-type {
+        transform: rotate(20deg);
+      }
+    }
+    .ant-slider {
+      flex: 1;
+      margin: 0 8px;
+    }
+  }
+}

package/lib/index.d.ts

@@ -1,2 +1,34 @@
-import NumberInput from './number-input';
-export { NumberInput };
+export type { ButtonDrawerProps } from './button-drawer';
+export { default as ButtonDrawer } from './button-drawer';
+export type { ButtonModalProps } from './button-modal';
+export { default as ButtonModal } from './button-modal';
+export type { ConditionInputProps } from './condition-input';
+export { default as ConditionInput } from './condition-input';
+export type { CopyToClipboardProps } from './copy-to-clipboard';
+export { default as CopyToClipboard } from './copy-to-clipboard';
+export type { HighlightWithinTextareaProps } from './highlight-textarea';
+export { default as HighlightWithinTextarea } from './highlight-textarea';
+export type { FindChunks, Chunk, HighlighterProps } from './highlight-words';
+export { default as HighlightWords } from './highlight-words';
+export type { IconProps } from './icon';
+export { default as Icon } from './icon';
+export type { ImgCropProps } from './img-crop';
+export { default as ImgCrop } from './img-crop';
+export type { KeepTabProps } from './keep-tab';
+export { default as KeepTab } from './keep-tab';
+export type { NumberInputProps } from './number-input';
+export { default as NumberInput } from './number-input';
+export type { RcEchartPropsType } from './rc-echart';
+export { default as RcEcharts } from './rc-echart';
+export type { RcQRcodeProps } from './rc-qrcode';
+export { default as RcQRcode } from './rc-qrcode';
+export { default as RcTransitionGroup } from './rc-transition-group';
+export type { SingleImgUploadProps } from './single-img-upload';
+export { default as SingleImgUpload } from './single-img-upload';
+export { default as sortableHoc } from './sortable-hoc';
+export type { SplitPaneProps } from './split-pane';
+export { default as SplitPane } from './split-pane';
+export type { TAreaProps } from './text-area';
+export { default as TextArea } from './text-area';
+export type { TextInputProps } from './text-input';
+export { default as TextInput } from './text-input';

package/lib/index.js

@@ -1,16 +1,167 @@
 "use strict";
 
-var __importDefault = this && this.__importDefault || function (mod) {
-  return mod && mod.__esModule ? mod : {
-    "default": mod
-  };
-};
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NumberInput = void 0;
 
-var number_input_1 = __importDefault(require("./number-input"));
+var button_drawer_1 = require("./button-drawer");
+
+Object.defineProperty(exports, "ButtonDrawer", {
+  enumerable: true,
+  get: function get() {
+    return button_drawer_1["default"];
+  }
+});
+
+var button_modal_1 = require("./button-modal");
+
+Object.defineProperty(exports, "ButtonModal", {
+  enumerable: true,
+  get: function get() {
+    return button_modal_1["default"];
+  }
+});
+
+var condition_input_1 = require("./condition-input");
+
+Object.defineProperty(exports, "ConditionInput", {
+  enumerable: true,
+  get: function get() {
+    return condition_input_1["default"];
+  }
+});
+
+var copy_to_clipboard_1 = require("./copy-to-clipboard");
+
+Object.defineProperty(exports, "CopyToClipboard", {
+  enumerable: true,
+  get: function get() {
+    return copy_to_clipboard_1["default"];
+  }
+});
+
+var highlight_textarea_1 = require("./highlight-textarea");
+
+Object.defineProperty(exports, "HighlightWithinTextarea", {
+  enumerable: true,
+  get: function get() {
+    return highlight_textarea_1["default"];
+  }
+});
+
+var highlight_words_1 = require("./highlight-words");
+
+Object.defineProperty(exports, "HighlightWords", {
+  enumerable: true,
+  get: function get() {
+    return highlight_words_1["default"];
+  }
+});
+
+var icon_1 = require("./icon");
+
+Object.defineProperty(exports, "Icon", {
+  enumerable: true,
+  get: function get() {
+    return icon_1["default"];
+  }
+});
+
+var img_crop_1 = require("./img-crop");
+
+Object.defineProperty(exports, "ImgCrop", {
+  enumerable: true,
+  get: function get() {
+    return img_crop_1["default"];
+  }
+});
+
+var keep_tab_1 = require("./keep-tab");
+
+Object.defineProperty(exports, "KeepTab", {
+  enumerable: true,
+  get: function get() {
+    return keep_tab_1["default"];
+  }
+});
+
+var number_input_1 = require("./number-input");
+
+Object.defineProperty(exports, "NumberInput", {
+  enumerable: true,
+  get: function get() {
+    return number_input_1["default"];
+  }
+});
+
+var rc_echart_1 = require("./rc-echart");
+
+Object.defineProperty(exports, "RcEcharts", {
+  enumerable: true,
+  get: function get() {
+    return rc_echart_1["default"];
+  }
+});
+
+var rc_qrcode_1 = require("./rc-qrcode");
+
+Object.defineProperty(exports, "RcQRcode", {
+  enumerable: true,
+  get: function get() {
+    return rc_qrcode_1["default"];
+  }
+});
+
+var rc_transition_group_1 = require("./rc-transition-group");
+
+Object.defineProperty(exports, "RcTransitionGroup", {
+  enumerable: true,
+  get: function get() {
+    return rc_transition_group_1["default"];
+  }
+});
+
+var single_img_upload_1 = require("./single-img-upload");
+
+Object.defineProperty(exports, "SingleImgUpload", {
+  enumerable: true,
+  get: function get() {
+    return single_img_upload_1["default"];
+  }
+});
+
+var sortable_hoc_1 = require("./sortable-hoc");
+
+Object.defineProperty(exports, "sortableHoc", {
+  enumerable: true,
+  get: function get() {
+    return sortable_hoc_1["default"];
+  }
+});
+
+var split_pane_1 = require("./split-pane");
+
+Object.defineProperty(exports, "SplitPane", {
+  enumerable: true,
+  get: function get() {
+    return split_pane_1["default"];
+  }
+});
+
+var text_area_1 = require("./text-area");
+
+Object.defineProperty(exports, "TextArea", {
+  enumerable: true,
+  get: function get() {
+    return text_area_1["default"];
+  }
+});
+
+var text_input_1 = require("./text-input");
 
-exports.NumberInput = number_input_1["default"];
+Object.defineProperty(exports, "TextInput", {
+  enumerable: true,
+  get: function get() {
+    return text_input_1["default"];
+  }
+});

package/lib/keep-tab/demo/index.modules.less

@@ -0,0 +1,66 @@
+.assui-tabs-card {
+  .ant-tabs-tab + .ant-tabs-tab {
+    margin: 0;
+  }
+
+  &.ant-tabs-top > .ant-tabs-nav:before {
+    display: none;
+  }
+
+  .ant-tabs-nav-list {
+    background-color: #fff;
+    border-radius: 6px;
+    box-shadow: 0 11px rgba(92, 118, 166, 0.05);
+
+    .ant-tabs-tab {
+      min-width: 96px;
+      padding: 9px 16px;
+      color: #8598bb;
+      font-size: 16px;
+      border-radius: 6px;
+
+      .ant-tabs-tab-btn {
+        width: 100%;
+        line-height: 22px;
+        text-align: center;
+        transition: none;
+      }
+    }
+
+    .tab-badge {
+      color: #8598bb;
+      font-size: 16px;
+    }
+
+    .ant-badge-count {
+      display: inline-block;
+      height: 14px;
+      padding-right: 4px;
+      padding-left: 3px;
+      font-size: 12px;
+      line-height: 14px;
+      text-align: center;
+      vertical-align: middle;
+      background-color: #ffd100;
+      border-radius: 6.5px;
+      transform: scale(0.9);
+    }
+
+    .ant-tabs-tab-active {
+      background-color: #3093ea;
+
+      .tab-badge {
+        color: #fff;
+      }
+
+      .ant-tabs-tab-btn {
+        color: #fff;
+        transition: none;
+      }
+    }
+
+    .ant-tabs-ink-bar {
+      display: none;
+    }
+  }
+}

package/lib/keep-tab/index.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { BadgeProps } from 'antd/lib/badge';
+import { TabPaneProps } from 'antd/lib/tabs';
+export interface KeepTabProps {
+    /** 由TabPane组成的children */
+    children: React.ReactNode;
+    /** 初始化选中面板的 key，如果没有设置 activeKey */
+    defaultActiveKey?: string;
+    /** 保存激活 tab 面板的的key名 */
+    saveActiveKeyName: string;
+    /** 当前激活 tab 面板的 key */
+    activeKey?: string;
+    /** 切换面板的回调 */
+    onChange?: (activeKey: string) => void;
+    /** antd Badge组件除count意外的所有props */
+    badgeProps?: Omit<BadgeProps, 'count'>;
+}
+export interface SelfTabPaneProps extends TabPaneProps {
+    count: Pick<BadgeProps, 'count'>;
+}
+declare const KeepTab: {
+    (props: KeepTabProps): JSX.Element;
+    defaultProps: {
+        saveActiveKeyName: string;
+    };
+    displayName: string;
+    TabPane: typeof import("rc-tabs").TabPane;
+};
+export default KeepTab;

package/lib/keep-tab/index.js

@@ -0,0 +1,181 @@
+"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 badge_1 = __importDefault(require("antd/lib/badge"));
+
+var tabs_1 = __importDefault(require("antd/lib/tabs"));
+
+var react_router_dom_1 = require("react-router-dom");
+
+var use_url_state_1 = __importDefault(require("@ahooksjs/use-url-state"));
+
+var toArray_1 = __importDefault(require("rc-util/lib/Children/toArray"));
+
+var TabPane = tabs_1["default"].TabPane;
+var defaultBadgeProps = {};
+
+var KeepTab = function KeepTab(props) {
+  var _a;
+
+  var children = props.children,
+      defaultActiveKey = props.defaultActiveKey,
+      saveActiveKeyName = props.saveActiveKeyName,
+      tabActiveKey = props.activeKey,
+      onChange = props.onChange,
+      _b = props.badgeProps,
+      badgeProps = _b === void 0 ? defaultBadgeProps : _b,
+      restProps = __rest(props, ["children", "defaultActiveKey", "saveActiveKeyName", "activeKey", "onChange", "badgeProps"]);
+
+  var defaultUrlParams = react_router_dom_1.useParams();
+
+  var _c = __read(use_url_state_1["default"]((_a = {}, _a[saveActiveKeyName] = defaultUrlParams[saveActiveKeyName] || defaultActiveKey, _a)), 2),
+      urlParams = _c[0],
+      setUrlParams = _c[1];
+
+  var handleTabChange = function handleTabChange(nextActiveKey) {
+    var _a;
+
+    setUrlParams((_a = {}, _a[saveActiveKeyName] = nextActiveKey, _a));
+
+    if (onChange) {
+      onChange(nextActiveKey);
+    }
+  };
+
+  var resultChildren = toArray_1["default"](children).map(function (childItem) {
+    var count = childItem.props.count;
+
+    if (count) {
+      return React.cloneElement(childItem, {
+        tab: React.createElement(badge_1["default"], __assign({
+          className: "tab-badge",
+          count: count,
+          offset: [16, -9]
+        }, badgeProps), React.createElement("span", null, childItem.props.tab))
+      });
+    }
+
+    return childItem;
+  });
+  var resultTabActiveKey = {};
+
+  if (tabActiveKey) {
+    resultTabActiveKey = {
+      activeKey: tabActiveKey
+    };
+  }
+
+  return React.createElement(tabs_1["default"], __assign({
+    onChange: handleTabChange,
+    destroyInactiveTabPane: true,
+    defaultActiveKey: urlParams[saveActiveKeyName]
+  }, resultTabActiveKey, restProps), resultChildren);
+};
+
+KeepTab.defaultProps = {
+  saveActiveKeyName: 'active'
+};
+KeepTab.displayName = 'KeepTab';
+KeepTab.TabPane = TabPane;
+exports["default"] = KeepTab;