@trionesdev/antd-taro-react 0.0.1-beta.4 → 0.0.2-beta.1

package/dist/Alert/style.scss

@@ -1,69 +0,0 @@
-@import "../style/variable";
-
-$trionesAlertCls: 'triones-antm-alert';
-
-$trionesAlertDefaultPadding: 8Px 12Px;
-
-.#{$trionesAlertCls} {
-  padding: $trionesAlertDefaultPadding;
-  border-radius: $trionesBorderRadius;
-  display: flex;
-  flex: 1 auto;
-  border: 1Px solid;
-  align-items: center;
-  justify-content: center;
-  gap: 4Px;
-
-  &-success {
-    border-color: $trionesColorSuccessBorder;
-    background-color: $trionesColorSuccessBg;
-
-    .#{$trionesAlertCls}-icon {
-      color: $trionesColorSuccess;
-    }
-  }
-
-  &-info {
-    border-color: $trionesColorInfoBorder;
-    background-color: $trionesColorInfoBg;
-
-    .#{$trionesAlertCls}-icon {
-      color: $trionesColorInfo;
-    }
-  }
-
-  &-warning {
-    border-color: $trionesColorWarningBorder;
-    background-color: $trionesColorWarningBg;
-
-    .#{$trionesAlertCls}-icon {
-      color: $trionesColorWarning;
-    }
-  }
-
-  &-error {
-    border-color: $trionesColorErrorBorder;
-    background-color: $trionesColorErrorBg;
-
-    .#{$trionesAlertCls}-icon {
-      color: $trionesColorError;
-    }
-  }
-
-  &-icon {
-  }
-
-  &-content {
-    flex: 1 auto;
-  }
-
-  &-close-icon {
-    color: $trionesColorIcon;
-    font-size: $trionesFontSizeIcon;
-    cursor: pointer;
-
-    .triones-antm-icon {
-      font-size: $trionesFontSizeIcon;
-    }
-  }
-}

package/dist/Avatar/avatar.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import './style.scss';
-type AvatarProps = {
-    alt?: string;
-    icon?: React.ReactNode;
-    shape?: 'circle' | 'square';
-    size?: number;
-    src?: string | React.ReactNode;
-    srcSet?: string;
-    style?: React.CSSProperties;
-    children?: React.ReactNode;
-};
-export declare const Avatar: React.FC<AvatarProps>;
-export default Avatar;

package/dist/Avatar/demo/base.d.ts

@@ -1,7 +0,0 @@
-/**
- * compact: true
- */
-import React from 'react';
-import './style.scss';
-declare const _default: () => React.JSX.Element;
-export default _default;

package/dist/Avatar/demo/base.js

@@ -1,109 +0,0 @@
-/**
- * compact: true
- */
-import React from 'react';
-import { DemoBlock } from "../../DemoBlock";
-import "./style.scss";
-import { AntOutline } from '@trionesdev/antd-taro-icons-react';
-import Avatar from "../index";
-import { Space } from "../..";
-var url = 'https://gw.alipayobjects.com/zos/rmsportal/KDpgvguMpGfqaHPjicRK.svg';
-export default (function () {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u57FA\u672C"
-  }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Avatar, {
-    size: 64,
-    icon: /*#__PURE__*/React.createElement(AntOutline, {
-      style: {
-        fontSize: '32px',
-        color: '#fff'
-      }
-    })
-  }), /*#__PURE__*/React.createElement(Avatar, {
-    icon: /*#__PURE__*/React.createElement(AntOutline, {
-      style: {
-        fontSize: '20px',
-        color: '#fff'
-      }
-    })
-  }), /*#__PURE__*/React.createElement(Avatar, {
-    size: 32,
-    icon: /*#__PURE__*/React.createElement(AntOutline, {
-      style: {
-        fontSize: '16px',
-        color: '#fff'
-      }
-    })
-  }), /*#__PURE__*/React.createElement(Avatar, {
-    size: 24,
-    icon: /*#__PURE__*/React.createElement(AntOutline, {
-      style: {
-        fontSize: '12px',
-        color: '#fff'
-      }
-    })
-  }))), /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u65B9\u5F62"
-  }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Avatar, {
-    size: 64,
-    shape: "square",
-    icon: /*#__PURE__*/React.createElement(AntOutline, {
-      style: {
-        fontSize: '32px',
-        color: '#fff'
-      }
-    })
-  }), /*#__PURE__*/React.createElement(Avatar, {
-    shape: "square",
-    icon: /*#__PURE__*/React.createElement(AntOutline, {
-      style: {
-        fontSize: '20px',
-        color: '#fff'
-      }
-    })
-  }), /*#__PURE__*/React.createElement(Avatar, {
-    size: 32,
-    shape: "square",
-    icon: /*#__PURE__*/React.createElement(AntOutline, {
-      style: {
-        fontSize: '16px',
-        color: '#fff'
-      }
-    })
-  }), /*#__PURE__*/React.createElement(Avatar, {
-    size: 24,
-    shape: "square",
-    icon: /*#__PURE__*/React.createElement(AntOutline, {
-      style: {
-        fontSize: '12px',
-        color: '#fff'
-      }
-    })
-  }))), /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u7C7B\u578B"
-  }, /*#__PURE__*/React.createElement(Space, null, /*#__PURE__*/React.createElement(Avatar, null, "U"), /*#__PURE__*/React.createElement(Avatar, {
-    size: 48,
-    style: {
-      backgroundColor: '#fde3cf',
-      color: '#f56a00'
-    }
-  }, "USER"), /*#__PURE__*/React.createElement(Avatar, {
-    src: url
-  }), /*#__PURE__*/React.createElement(Avatar, {
-    src: /*#__PURE__*/React.createElement("img", {
-      src: url,
-      alt: "avatar",
-      width: '100%'
-    })
-  }), /*#__PURE__*/React.createElement(Avatar, {
-    style: {
-      backgroundColor: '#87d068'
-    },
-    icon: /*#__PURE__*/React.createElement(AntOutline, {
-      style: {
-        fontSize: '16px',
-        color: '#fff'
-      }
-    })
-  }))));
-});

package/dist/Avatar/demo/style.scss

@@ -1,6 +0,0 @@
-.avatar-content {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 16px;
-}

package/dist/Avatar/style.scss

@@ -1,16 +0,0 @@
-$avatarCls: 'triones-antm-avatar';
-
-.#{$avatarCls} {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-
-  &-circle {
-    border-radius: 50%;
-  }
-
-  &-shape-square {
-    border-radius: 6Px;
-  }
-}

package/dist/Badge/badge.d.ts

@@ -1,14 +0,0 @@
-import { FunctionComponent, ReactNode } from 'react';
-import { BasicComponent } from '../utils/type';
-import './style.scss';
-export type BadgeFill = 'solid' | 'outline';
-export interface BadgeProps extends BasicComponent {
-    value: ReactNode;
-    dot: boolean;
-    max: number;
-    top: string | number;
-    right: string | number;
-    color: string;
-    fill: BadgeFill;
-}
-export declare const Badge: FunctionComponent<Partial<BadgeProps>>;

package/dist/Badge/badge.js

@@ -1,82 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import React from 'react';
-import classNames from 'classnames';
-import { ComponentDefaults } from "../utils/type";
-import { useRtl } from "../ConfigProvider/config-provider";
-import "./style.scss";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  value: '',
-  dot: false,
-  max: 99,
-  top: '4',
-  right: '8',
-  color: '',
-  fill: 'solid'
-});
-export var Badge = function Badge(props) {
-  var _ref;
-  var rtl = useRtl();
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    className = _defaultProps$props.className,
-    style = _defaultProps$props.style,
-    value = _defaultProps$props.value,
-    max = _defaultProps$props.max,
-    children = _defaultProps$props.children,
-    dot = _defaultProps$props.dot,
-    top = _defaultProps$props.top,
-    right = _defaultProps$props.right,
-    color = _defaultProps$props.color,
-    fill = _defaultProps$props.fill;
-  var classPrefix = 'triones-antm-badge';
-  var classes = classNames(classPrefix, className, _defineProperty({}, "".concat(classPrefix, "-").concat(fill), fill === 'outline'));
-  function content() {
-    if (dot || _typeof(value) === 'object' || value === 0) return null;
-    if (typeof value === 'number' && typeof max === 'number') {
-      return max < value ? "".concat(max, "+") : "".concat(value);
-    }
-    return value;
-  }
-  function isIcon() {
-    if (_typeof(value) === 'object' && value) return value;
-  }
-  function isNumber() {
-    if (typeof value === 'number' && value) return value;
-  }
-  function isString() {
-    if (typeof value === 'string' && value) return value;
-  }
-  var contentClasses = classNames(_defineProperty({}, "".concat(classPrefix, "-dot"), dot), "".concat(classPrefix, "-content"), _defineProperty({}, "".concat(classPrefix, "-sup"), isNumber() || isString() || dot), _defineProperty({}, "".concat(classPrefix, "-one"), typeof content() === 'string' && ((_ref = "".concat(content())) === null || _ref === void 0 ? void 0 : _ref.length) === 1));
-  var getStyle = function getStyle() {
-    var style = {};
-    style.top = "".concat(Number(top) || parseFloat(String(top)) || 0, "px");
-    var dir = rtl ? 'left' : 'right';
-    style[dir] = "".concat(Number(right) || parseFloat(String(right)) || 0, "px");
-    if (color) {
-      if (fill === 'outline') {
-        style.color = color;
-        style.background = '#fff';
-        if (!(color !== null && color !== void 0 && color.includes('gradient'))) {
-          style.border = "1px solid ".concat(color);
-        }
-      } else {
-        style.color = '#fff';
-        style.background = color;
-      }
-    }
-    return style;
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: classes,
-    style: style
-  }, isIcon() && /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classPrefix, "-icon")
-  }, value), children, !isIcon() && /*#__PURE__*/React.createElement("div", {
-    className: contentClasses,
-    style: getStyle()
-  }, content()));
-};

package/dist/Badge/demo/base.d.ts

@@ -1,7 +0,0 @@
-/**
- * compact: true
- */
-import React from 'react';
-import './base.scss';
-declare const _default: () => React.JSX.Element;
-export default _default;

package/dist/Badge/demo/base.js

@@ -1,167 +0,0 @@
-/**
- * compact: true
- */
-
-import React from 'react';
-import "./base.scss";
-import { DemoBlock } from "../../DemoBlock";
-import Badge from "../index";
-import Avatar from "../../Avatar";
-import { UserOutline } from '@trionesdev/antd-taro-icons-react';
-export default (function () {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u57FA\u7840\u7528\u6CD5"
-  }, /*#__PURE__*/React.createElement(Badge, {
-    style: {
-      marginInlineEnd: '40px'
-    },
-    value: 8
-  }, /*#__PURE__*/React.createElement(Avatar, {
-    icon: /*#__PURE__*/React.createElement(UserOutline, null),
-    shape: "square"
-  })), /*#__PURE__*/React.createElement(Badge, {
-    style: {
-      marginInlineEnd: '40px'
-    },
-    value: 76
-  }, /*#__PURE__*/React.createElement(Avatar, {
-    icon: /*#__PURE__*/React.createElement(UserOutline, null),
-    shape: "square"
-  })), /*#__PURE__*/React.createElement(Badge, {
-    style: {
-      marginInlineEnd: '40px'
-    },
-    value: "NEW"
-  }, /*#__PURE__*/React.createElement(Avatar, {
-    icon: /*#__PURE__*/React.createElement(UserOutline, null),
-    shape: "square"
-  })), /*#__PURE__*/React.createElement(Badge, {
-    style: {
-      marginInlineEnd: '40px'
-    },
-    dot: true,
-    top: "2",
-    right: "4"
-  }, /*#__PURE__*/React.createElement(Avatar, {
-    icon: /*#__PURE__*/React.createElement(UserOutline, null),
-    shape: "square"
-  }))), /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u6700\u5927\u503C"
-  }, /*#__PURE__*/React.createElement(Badge, {
-    style: {
-      marginInlineEnd: '40px'
-    },
-    value: 200,
-    max: 9
-  }, /*#__PURE__*/React.createElement(Avatar, {
-    icon: /*#__PURE__*/React.createElement(UserOutline, null),
-    shape: "square"
-  })), /*#__PURE__*/React.createElement(Badge, {
-    style: {
-      marginInlineEnd: '40px'
-    },
-    value: 200,
-    max: 20
-  }, /*#__PURE__*/React.createElement(Avatar, {
-    icon: /*#__PURE__*/React.createElement(UserOutline, null),
-    shape: "square"
-  })), /*#__PURE__*/React.createElement(Badge, {
-    style: {
-      marginInlineEnd: '40px'
-    },
-    value: 200,
-    max: 99
-  }, /*#__PURE__*/React.createElement(Avatar, {
-    icon: /*#__PURE__*/React.createElement(UserOutline, null),
-    shape: "square"
-  }))), /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u72EC\u7ACB\u4F7F\u7528"
-  }, /*#__PURE__*/React.createElement(Badge, {
-    style: {
-      marginInlineEnd: '40px'
-    },
-    value: 8
-  }), /*#__PURE__*/React.createElement(Badge, {
-    style: {
-      marginInlineEnd: '40px'
-    },
-    value: 76
-  }), /*#__PURE__*/React.createElement(Badge, {
-    style: {
-      marginInlineEnd: '40px'
-    },
-    value: "NEW"
-  })), /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u81EA\u5B9A\u4E49\u80CC\u666F\u8272"
-  }, /*#__PURE__*/React.createElement(Badge, {
-    style: {
-      marginInlineEnd: '40px'
-    },
-    value: 8,
-    color: "linear-gradient(315deg, rgba(73,143,242,1) 0%,rgba(73,101,242,1) 100%)"
-  }, /*#__PURE__*/React.createElement(Avatar, {
-    icon: /*#__PURE__*/React.createElement(UserOutline, null),
-    shape: "square"
-  })), /*#__PURE__*/React.createElement(Badge, {
-    style: {
-      marginInlineEnd: '40px'
-    },
-    value: 76,
-    color: "linear-gradient(315deg, rgba(73,143,242,1) 0%,rgba(73,101,242,1) 100%)"
-  }, /*#__PURE__*/React.createElement(Avatar, {
-    icon: /*#__PURE__*/React.createElement(UserOutline, null),
-    shape: "square"
-  })), /*#__PURE__*/React.createElement(Badge, {
-    style: {
-      marginInlineEnd: '40px'
-    },
-    value: "NEW",
-    color: "linear-gradient(315deg, rgba(73,143,242,1) 0%,rgba(73,101,242,1) 100%)"
-  }, /*#__PURE__*/React.createElement(Avatar, {
-    icon: /*#__PURE__*/React.createElement(UserOutline, null),
-    shape: "square"
-  })), /*#__PURE__*/React.createElement(Badge, {
-    style: {
-      marginInlineEnd: '40px'
-    },
-    top: "2",
-    right: "4",
-    dot: true,
-    color: "linear-gradient(315deg, rgba(73,143,242,1) 0%,rgba(73,101,242,1) 100%)"
-  }, /*#__PURE__*/React.createElement(Avatar, {
-    icon: /*#__PURE__*/React.createElement(UserOutline, null),
-    shape: "square"
-  }))), /*#__PURE__*/React.createElement(DemoBlock, {
-    title: "\u81EA\u5B9A\u4E49\u4F4D\u7F6E"
-  }, /*#__PURE__*/React.createElement(Badge, {
-    style: {
-      marginInlineEnd: '40px'
-    },
-    dot: true,
-    top: 4,
-    right: 4
-  }, /*#__PURE__*/React.createElement(Avatar, {
-    icon: /*#__PURE__*/React.createElement(UserOutline, null),
-    shape: "square"
-  })), /*#__PURE__*/React.createElement(Badge, {
-    style: {
-      marginInlineEnd: '40px'
-    },
-    value: 8,
-    top: 7,
-    right: 7
-  }, /*#__PURE__*/React.createElement(Avatar, {
-    icon: /*#__PURE__*/React.createElement(UserOutline, null),
-    shape: "square"
-  })), /*#__PURE__*/React.createElement(Badge, {
-    style: {
-      marginInlineEnd: '40px'
-    },
-    value: "\u5185\u5BB9",
-    top: 7,
-    right: 10
-  }, /*#__PURE__*/React.createElement(Avatar, {
-    icon: /*#__PURE__*/React.createElement(UserOutline, null),
-    shape: "square"
-  }))));
-});

package/dist/Badge/demo/base.scss

@@ -1,6 +0,0 @@
-.badge-demo {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  gap: 20Px;
-}

package/dist/Badge/style.scss

@@ -1,100 +0,0 @@
-/* prettier-ignore */
-$color-primary: #fa2c19;
-$color-primary-text: #fff;
-$badge-height: 14PX;
-$badge-background-color: linear-gradient(135deg, #f53d4d 0%, #fa2c19 100%);
-$badge-color: #fff;
-$badge-font-size: 10PX;
-$badge-border: 0PX solid #fff;
-$badge-border-radius: $badge-height;
-$badge-min-width: 5PX;
-$badge-padding: 0 4PX;
-$badge-icon-padding: 3PX;
-$badge-icon-size: 12PX;
-$badge-content-transform: translateY(-50%) translateX(100%);
-$badge-z-index: 1;
-$badge-dot-width: 7PX;
-$badge-dot-border: 0PX solid #fff;
-
-.triones-antm-badge {
-  position: relative;
-  display: inline-block;
-
-  &-icon {
-    position: absolute;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background: $badge-background-color;
-    top: -10%;
-    right: -15%;
-    padding: $badge-icon-padding;
-    text-align: center;
-    border: $badge-border;
-    border-radius: $badge-border-radius;
-    z-index: $badge-z-index;
-
-    .triones-antm-icon {
-      width: $badge-icon-size;
-      height: $badge-icon-size;
-      font-size: $badge-icon-size;
-    }
-  }
-
-  &-sup {
-    height: $badge-height;
-    position: absolute;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background: $badge-background-color;
-    color: $badge-color;
-    padding: $badge-padding;
-    font-size: $badge-font-size;
-    font-weight: normal;
-    text-align: center;
-    border: $badge-border;
-    border-radius: $badge-border-radius;
-    min-width: $badge-min-width;
-    white-space: nowrap;
-    z-index: 1;
-  }
-
-  &-one {
-    height: $badge-height;
-    width: $badge-height;
-    padding: 0;
-  }
-
-  &-content {
-    transform: $badge-content-transform;
-  }
-
-  &-dot {
-    width: $badge-dot-width;
-    height: $badge-dot-width;
-    border: $badge-dot-border;
-    border-radius: $badge-dot-width;
-    padding: 0;
-  }
-
-  &-outline {
-    .triones-antm-badge-content {
-      background: $color-primary-text;
-      border: 1PX solid $color-primary;
-      color: $color-primary;
-    }
-  }
-}
-
-[dir='rtl'] .triones-antm-badge,
-.triones-antm-rtl .triones-antm-badge {
-  &-icon {
-    right: auto;
-    left: -15%;
-  }
-
-  &-content {
-    transform: translateY(-50%) translateX(-100%);
-  }
-}

package/dist/Button/demo/base.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const _default: () => React.JSX.Element;
-export default _default;