@autobest-ui/components 1.2.1 → 1.5.0

package/lib/icon/index.js

@@ -1,111 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _reactSvg = _interopRequireDefault(require("react-svg"));
-
-var _useConfig = _interopRequireDefault(require("../use-config"));
-
-var cls = 'ab-icon';
-
-var Icon = _react.default.forwardRef(function (props, ref) {
-  var name = props.name,
-      assetBaseUrl = props.assetBaseUrl,
-      _a = props.wrapper,
-      wrapper = _a === void 0 ? 'span' : _a,
-      className = props.className,
-      color = props.color,
-      width = props.width,
-      height = props.height,
-      transform = props.transform,
-      onClick = props.onClick,
-      onMouseDown = props.onMouseDown,
-      onTouchStart = props.onTouchStart,
-      onTouchEnd = props.onTouchEnd,
-      onMouseEnter = props.onMouseEnter,
-      onMouseLeave = props.onMouseLeave;
-  var baseUrl = assetBaseUrl || _useConfig.default.assetCommonUiUrl;
-  var spanStyle = {};
-
-  if (width) {
-    spanStyle.width = width + "rem";
-    spanStyle.minWidth = width + "rem";
-    spanStyle.maxWidth = width + "rem";
-  }
-
-  if (height) {
-    spanStyle.height = height + "rem";
-    spanStyle.minHeight = height + "rem";
-    spanStyle.maxHeight = height + "rem";
-  } // transform 从 svgStyle 迁移到 spanStyle， 解决渲染时，重新创建后，动画不能执行的问题
-
-
-  if (transform) {
-    spanStyle.transform = transform;
-  }
-
-  var onIconClick = function onIconClick(ev) {
-    // 阻止冒泡
-    if (ev && onClick) {
-      ev.stopPropagation();
-      ev.preventDefault();
-
-      if (ev.nativeEvent && ev.nativeEvent.stopImmediatePropagation) {
-        ev.nativeEvent.stopImmediatePropagation();
-      }
-
-      onClick();
-    }
-  };
-
-  var beforeInjection = function beforeInjection(svg) {
-    // 设置svg样式
-    var svgStyle = '';
-
-    if (color) {
-      svgStyle = "fill: " + color + "; color: " + color + ";";
-    }
-
-    if (width) {
-      svgStyle += "width: " + width + "rem;";
-    }
-
-    if (height) {
-      svgStyle += "height: " + height + "rem;";
-    }
-
-    if (svgStyle === '') {
-      return;
-    }
-
-    svg.setAttribute('style', svgStyle);
-  };
-
-  return _react.default.createElement(_reactSvg.default, {
-    ref: ref,
-    style: spanStyle,
-    beforeInjection: beforeInjection,
-    src: baseUrl + "/svg/" + name + ".svg",
-    wrapper: wrapper,
-    className: (0, _classnames.default)(cls, className),
-    onClick: onIconClick,
-    onMouseDown: onMouseDown,
-    onTouchStart: onTouchStart,
-    onTouchEnd: onTouchEnd,
-    onMouseEnter: onMouseEnter,
-    onMouseLeave: onMouseLeave
-  });
-});
-
-var _default = _react.default.memo(Icon);
-
-exports.default = _default;

package/lib/icon/style/index.css

@@ -1 +0,0 @@
-.ab-icon,.ab-icon div,.ab-icon span,.ab-icon svg{display:block}

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

@@ -1 +0,0 @@
-export {};

package/lib/icon/style/index.js

@@ -1,7 +0,0 @@
-"use strict";
-
-var _utils = require("@autobest-ui/utils");
-
-if (_utils.canUseDOM) {
-  require('./index.scss');
-}

package/lib/icon/style/index.scss

@@ -1,7 +0,0 @@
-$namespace: ab-icon;
-
-.#{$namespace}{
-  &, span, div, svg{
-    display: block;
-  }
-}

package/lib/lazy-image/__stories__/style.css

@@ -1 +0,0 @@
-.lazy-image-demo{margin-top:200vh}.lazy-image-demo img{display:block;width:400px;margin:.2rem}

package/lib/lazy-image/__stories__/style.scss

@@ -1,9 +0,0 @@
-.lazy-image-demo {
-  margin-top: 200vh;
-
-  img {
-    display: block;
-    width: 400px;
-    margin: .2rem;
-  }
-}

package/lib/loading-container/__stories__/style.css

@@ -1 +0,0 @@
-.loading-container-demo{margin:1rem;width:2rem;height:2rem;background:#b0b0b0}

package/lib/loading-container/__stories__/style.scss

@@ -1,6 +0,0 @@
-.loading-container-demo {
-  margin: 1rem;
-  width: 2rem;
-  height: 2rem;
-  background: #b0b0b0;
-}

package/lib/move/__stories__/style.css

@@ -1 +0,0 @@
-.demo-move{margin:.2rem auto;width:500px;height:500px;border:5px solid #ccc}

package/lib/move/__stories__/style.scss

@@ -1,6 +0,0 @@
-.demo-move{
-  margin: 0.2rem auto;
-  width: 500px;
-  height: 500px;
-  border: 5px solid #ccc;
-}

package/lib/popover/__stories__/style.css

@@ -1 +0,0 @@
-.popover-demo{padding:80px 60px;width:465px;height:400px;margin:auto;position:relative}.popover-demo button{width:100px;display:inline-block}.popover-demo-tip{height:60px;width:100px}

package/lib/popover/__stories__/style.scss

@@ -1,16 +0,0 @@
-.popover-demo{
-  padding: 80px 60px;
-  width: 465px;
-  height: 400px;
-  margin: auto;
-  position: relative;
-
-  button {
-    width: 100px;
-    display: inline-block;
-  }
-}
-.popover-demo-tip {
-  height: 60px;
-  width: 100px;
-}

package/lib/select/__stories__/style.css

@@ -1 +0,0 @@
-.select-demo{margin:10px auto;width:200px}.select-demo .select-group{width:1rem}

package/lib/select/__stories__/style.scss

@@ -1,8 +0,0 @@
-.select-demo{
-  margin: 10px auto;
-  width: 200px;
-
-  .select-group {
-    width: 1rem;
-  }
-}

package/lib/skeleton/__stories__/style.css

@@ -1 +0,0 @@
-.skeleton-demo{padding:.2rem}

package/lib/skeleton/__stories__/style.scss

@@ -1,3 +0,0 @@
-.skeleton-demo {
-  padding: .2rem;
-}

package/lib/table/__stories__/style.css

@@ -1 +0,0 @@
-.table-demo thead{background-color:#2b5797;color:#fff}.table-demo tbody tr.ab-table-expand-row{background-color:#fafafa}.table-demo tbody tr:hover{background-color:#f3f3f3}.table-demo td,.table-demo th{padding:.16rem;border-bottom:1px solid #d0d0d0}.table-demo td.ab-table-checkbox,.table-demo th.ab-table-checkbox{padding:.16rem 0}.table-demo .merged-cell{border-left:1px solid #d0d0d0;border-right:1px solid #d0d0d0}.table-demo-expanded{font-size:.2rem}

package/lib/table/__stories__/style.scss

@@ -1,34 +0,0 @@
-.table-demo {
-  thead {
-    background-color: #2b5797;
-    color: #fff;
-  }
-
-  tbody tr {
-    &.ab-table-expand-row {
-      background-color: #fafafa;
-    }
-
-    &:hover {
-      background-color: #f3f3f3;
-    }
-  }
-
-  th, td {
-    padding: .16rem;
-    border-bottom: 1px solid #D0D0D0;
-
-    &.ab-table-checkbox {
-      padding: .16rem 0;
-    }
-  }
-
-  .merged-cell {
-    border-left: 1px solid #D0D0D0;
-    border-right: 1px solid #D0D0D0;
-  }
-}
-
-.table-demo-expanded {
-  font-size: .2rem;
-}

package/lib/tabs/__stories__/style.css

@@ -1 +0,0 @@
-.tabs-demo{width:500px;margin:20px auto}.tabs-demo .ab-tabs-item{padding:2px 6px}

package/lib/tabs/__stories__/style.scss

@@ -1,8 +0,0 @@
-.tabs-demo {
-  width: 500px;
-  margin: 20px auto;
-
-  .ab-tabs-item {
-    padding: 2px 6px;
-  }
-}

package/lib/use-config/index.d.ts

@@ -1,5 +0,0 @@
-export default class UseConfig {
-    static assetCommonUiUrl: string;
-    static assetWWWUrl: any;
-    static assetSupportWebP: any;
-}

package/lib/use-config/index.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var UseConfig =
-/** @class */
-function () {
-  function UseConfig() {} // 配置静态资源链接库， 默认指向测试环境
-
-
-  UseConfig.assetCommonUiUrl = 'https://assets-web.dev.autobestdevops.com/common-uiasset';
-  UseConfig.assetWWWUrl = null;
-  UseConfig.assetSupportWebP = null;
-  return UseConfig;
-}();
-
-var _default = UseConfig;
-exports.default = _default;

package/lib/use-config/style/index.d.ts

@@ -1 +0,0 @@
-

package/lib/use-config/style/index.js

@@ -1 +0,0 @@
-"use strict";