@qn-pandora/pandora-component 3.1.1 → 4.0.1

package/es/components/InputNumber/style.css

@@ -1,400 +0,0 @@
-/* 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-input-number {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  color: rgba(0, 0, 0, 0.65);
-  font-variant: tabular-nums;
-  list-style: none;
-  -webkit-font-feature-settings: 'tnum';
-          font-feature-settings: 'tnum';
-  position: relative;
-  width: 100%;
-  min-width: 0;
-  padding: 4px 11px;
-  color: #333333;
-  font-size: 14px;
-  line-height: 1.5715;
-  background-color: transparent;
-  background-image: none;
-  border: 1px solid #bfbfbf;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
-  display: inline-block;
-  width: 90px;
-  margin: 0;
-  padding: 0;
-  border: 1px solid #e5e5e5;
-  border-radius: 2px;
-}
-.ant-input-number::-moz-placeholder {
-  opacity: 1;
-}
-.ant-input-number::-webkit-input-placeholder {
-  color: #bfbfbf;
-}
-.ant-input-number::-ms-input-placeholder {
-  color: #bfbfbf;
-}
-.ant-input-number::placeholder {
-  color: #bfbfbf;
-}
-.ant-input-number:placeholder-shown {
-  text-overflow: ellipsis;
-}
-.ant-input-number:hover {
-  border-color: #2c6dd2;
-  border-right-width: 1px !important;
-}
-.ant-input-number:focus,
-.ant-input-number-focused {
-  border-color: #528cde;
-  border-right-width: 1px !important;
-  outline: 0;
-  -webkit-box-shadow: 0 0 0 2px rgba(44, 109, 210, 0.2);
-          box-shadow: 0 0 0 2px rgba(44, 109, 210, 0.2);
-}
-.ant-input-number-disabled {
-  color: rgba(0, 0, 0, 0.25);
-  background-color: #f5f5f5;
-  cursor: not-allowed;
-  opacity: 1;
-}
-.ant-input-number-disabled:hover {
-  border-color: #bfbfbf;
-  border-right-width: 1px !important;
-}
-.ant-input-number[disabled] {
-  color: rgba(0, 0, 0, 0.25);
-  background-color: #f5f5f5;
-  cursor: not-allowed;
-  opacity: 1;
-}
-.ant-input-number[disabled]:hover {
-  border-color: #bfbfbf;
-  border-right-width: 1px !important;
-}
-.ant-input-number-borderless,
-.ant-input-number-borderless:hover,
-.ant-input-number-borderless:focus,
-.ant-input-number-borderless-focused,
-.ant-input-number-borderless-disabled,
-.ant-input-number-borderless[disabled] {
-  background-color: transparent;
-  border: none;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-textarea.ant-input-number {
-  max-width: 100%;
-  height: auto;
-  min-height: 32px;
-  line-height: 1.5715;
-  vertical-align: bottom;
-  -webkit-transition: all 0.3s, height 0s;
-  transition: all 0.3s, height 0s;
-}
-.ant-input-number-lg {
-  padding: 6.5px 11px;
-  font-size: 16px;
-}
-.ant-input-number-sm {
-  padding: 1px 7px;
-}
-.ant-input-number-handler {
-  position: relative;
-  display: block;
-  width: 100%;
-  height: 50%;
-  overflow: hidden;
-  color: rgba(0, 0, 0, 0.45);
-  font-weight: bold;
-  line-height: 0;
-  text-align: center;
-  border-left: 1px solid #e5e5e5;
-  -webkit-transition: all 0.1s linear;
-  transition: all 0.1s linear;
-}
-.ant-input-number-handler:active {
-  background: #f4f4f4;
-}
-.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
-.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
-  color: #9ca0a6;
-}
-.ant-input-number-handler-up-inner,
-.ant-input-number-handler-down-inner {
-  display: inline-block;
-  color: #bfbfbf;
-  font-style: normal;
-  line-height: 0;
-  text-align: center;
-  text-transform: none;
-  vertical-align: -0.125em;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  position: absolute;
-  right: 4px;
-  width: 12px;
-  height: 12px;
-  color: rgba(0, 0, 0, 0.45);
-  line-height: 12px;
-  -webkit-transition: all 0.1s linear;
-  transition: all 0.1s linear;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-.ant-input-number-handler-up-inner > *,
-.ant-input-number-handler-down-inner > * {
-  line-height: 1;
-}
-.ant-input-number-handler-up-inner svg,
-.ant-input-number-handler-down-inner svg {
-  display: inline-block;
-}
-.ant-input-number-handler-up-inner::before,
-.ant-input-number-handler-down-inner::before {
-  display: none;
-}
-.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
-.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
-.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
-.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
-  display: block;
-}
-.ant-input-number:hover {
-  border-color: #2c6dd2;
-  border-right-width: 1px !important;
-}
-.ant-input-number:hover + .ant-form-item-children-icon {
-  opacity: 0;
-  -webkit-transition: opacity 0.24s linear 0.24s;
-  transition: opacity 0.24s linear 0.24s;
-}
-.ant-input-number-focused {
-  border-color: #528cde;
-  border-right-width: 1px !important;
-  outline: 0;
-  -webkit-box-shadow: 0 0 0 2px rgba(44, 109, 210, 0.2);
-          box-shadow: 0 0 0 2px rgba(44, 109, 210, 0.2);
-}
-.ant-input-number-disabled {
-  color: rgba(0, 0, 0, 0.25);
-  background-color: #f5f5f5;
-  cursor: not-allowed;
-  opacity: 1;
-}
-.ant-input-number-disabled:hover {
-  border-color: #bfbfbf;
-  border-right-width: 1px !important;
-}
-.ant-input-number-disabled .ant-input-number-input {
-  cursor: not-allowed;
-}
-.ant-input-number-disabled .ant-input-number-handler-wrap {
-  display: none;
-}
-.ant-input-number-readonly .ant-input-number-handler-wrap {
-  display: none;
-}
-.ant-input-number-input {
-  width: 100%;
-  height: 30px;
-  padding: 0 11px;
-  text-align: left;
-  background-color: transparent;
-  border: 0;
-  border-radius: 2px;
-  outline: 0;
-  -webkit-transition: all 0.3s linear;
-  transition: all 0.3s linear;
-  -moz-appearance: textfield !important;
-}
-.ant-input-number-input::-moz-placeholder {
-  opacity: 1;
-}
-.ant-input-number-input::-webkit-input-placeholder {
-  color: #bfbfbf;
-}
-.ant-input-number-input::-ms-input-placeholder {
-  color: #bfbfbf;
-}
-.ant-input-number-input::placeholder {
-  color: #bfbfbf;
-}
-.ant-input-number-input:placeholder-shown {
-  text-overflow: ellipsis;
-}
-.ant-input-number-input[type='number']::-webkit-inner-spin-button,
-.ant-input-number-input[type='number']::-webkit-outer-spin-button {
-  margin: 0;
-  -webkit-appearance: none;
-}
-.ant-input-number-lg {
-  padding: 0;
-  font-size: 16px;
-}
-.ant-input-number-lg input {
-  height: 38px;
-}
-.ant-input-number-sm {
-  padding: 0;
-}
-.ant-input-number-sm input {
-  height: 24px;
-  padding: 0 7px;
-}
-.ant-input-number-handler-wrap {
-  position: absolute;
-  top: 0;
-  right: 0;
-  width: 22px;
-  height: 100%;
-  background: #ffffff;
-  border-radius: 0 2px 2px 0;
-  opacity: 0;
-  -webkit-transition: opacity 0.24s linear 0.1s;
-  transition: opacity 0.24s linear 0.1s;
-}
-.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
-.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
-  min-width: auto;
-  margin-right: 0;
-  font-size: 7px;
-}
-.ant-input-number-borderless .ant-input-number-handler-wrap {
-  border-left-width: 0;
-}
-.ant-input-number-handler-wrap:hover .ant-input-number-handler {
-  height: 40%;
-}
-.ant-input-number:hover .ant-input-number-handler-wrap {
-  opacity: 1;
-}
-.ant-input-number-handler-up {
-  border-top-right-radius: 2px;
-  cursor: pointer;
-}
-.ant-input-number-handler-up-inner {
-  top: 50%;
-  margin-top: -5px;
-  text-align: center;
-}
-.ant-input-number-handler-up:hover {
-  height: 60% !important;
-}
-.ant-input-number-handler-down {
-  top: 0;
-  border-top: 1px solid #e5e5e5;
-  border-bottom-right-radius: 2px;
-  cursor: pointer;
-}
-.ant-input-number-handler-down-inner {
-  top: 50%;
-  text-align: center;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-}
-.ant-input-number-handler-down:hover {
-  height: 60% !important;
-}
-.ant-input-number-borderless .ant-input-number-handler-down {
-  border-top-width: 0;
-}
-.ant-input-number-handler-up-disabled,
-.ant-input-number-handler-down-disabled {
-  cursor: not-allowed;
-}
-.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
-.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
-  color: rgba(0, 0, 0, 0.25);
-}
-.ant-input-number-borderless {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-.ant-input-number-out-of-range input {
-  color: #f5222d;
-}
-.ant-input-number-rtl {
-  direction: rtl;
-}
-.ant-input-number-rtl .ant-input-number-handler-wrap {
-  right: auto;
-  left: 0;
-  border-right: 1px solid #e5e5e5;
-  border-left: 0;
-  border-radius: 2px 0 0 2px;
-}
-.ant-input-number-rtl.ant-input-number-borderless .ant-input-number-handler-wrap {
-  border-right-width: 0;
-}
-.ant-input-number-rtl .ant-input-number-input {
-  direction: ltr;
-  text-align: right;
-}
-.ant-btn {
-  padding: 4px 15px;
-}
-.ant-btn-sm {
-  padding: 0 7px;
-}
-.pandora-sdk-input-number-group {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: nowrap;
-      flex-wrap: nowrap;
-  -webkit-box-align: stretch;
-      -ms-flex-align: stretch;
-          align-items: stretch;
-}
-.pandora-sdk-input-number-group .pandora-sdk-input-number-group-wrap {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-}
-.pandora-sdk-input-number-group .pandora-sdk-input-number-group-wrap .ant-input-number {
-  width: 100%;
-}
-.pandora-sdk-input-number-group .pandora-sdk-input-number-group-addon {
-  position: relative;
-  padding: 0 11px;
-  color: #333333;
-  font-weight: normal;
-  font-size: 14px;
-  text-align: center;
-  background-color: #fafafa;
-  border: 1px solid #d9d9d9;
-  border-radius: 2px;
-  -webkit-transition: all 0.3s;
-  transition: all 0.3s;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.pandora-sdk-input-number-group .pandora-sdk-input-number-group-addon .ant-select {
-  margin: -1px -11px;
-}
-.pandora-sdk-input-number-group .pandora-sdk-input-number-group-addon .ant-select .ant-select-selector {
-  border: 0;
-  background-color: inherit;
-}
-.pandora-sdk-input-number-group .pandora-sdk-input-number-group-addon:first-child {
-  border-right: 0;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.pandora-sdk-input-number-group .pandora-sdk-input-number-group-addon:last-child {
-  border-left: 0;
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-}

package/es/components/InputNumber/style.less

@@ -1,45 +0,0 @@
-@import 'antd/lib/input-number/style/index.less';
-@import '../../style/theme.less';
-
-.@{sdk-prefix}-input-number-group {
-  display: flex;
-  flex-wrap: nowrap;
-  align-items: stretch;
-  .@{sdk-prefix}-input-number-group-wrap {
-    flex-grow: 1;
-    .@{ant-prefix}-input-number {
-      width: 100%;
-    }
-  }
-  .@{sdk-prefix}-input-number-group-addon {
-    position: relative;
-    padding: 0 11px;
-    color: @input-color;
-    font-weight: normal;
-    font-size: 14px;
-    text-align: center;
-    background-color: @table-row-even-bg;
-    border: 1px solid @border-color-1;
-    border-radius: 2px;
-    transition: all 0.3s;
-    display: flex;
-    align-items: center;
-    .@{ant-prefix}-select {
-      margin: -1px -11px;
-      .@{ant-prefix}-select-selector {
-        border: 0;
-        background-color: inherit;
-      }
-    }
-    &:first-child {
-      border-right: 0;
-      border-top-right-radius: 0;
-      border-bottom-right-radius: 0;
-    }
-    &:last-child {
-      border-left: 0;
-      border-top-left-radius: 0;
-      border-bottom-left-radius: 0;
-    }
-  }
-}

package/lib/components/Input/NumberInput/index.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-export interface INumberInputProps {
-    /** 当前值 */
-    value?: number;
-    /** placeholder */
-    placeholder?: string;
-    /** 最大值 */
-    min?: number;
-    /** 最小值 */
-    max?: number;
-    /** 小数保留的位数 */
-    precision?: number;
-    /** 前缀 */
-    addonAfter?: React.ReactNode;
-    /** 后缀 */
-    addonBefore?: React.ReactNode;
-    /** 组件类名 */
-    className?: string;
-    /** 设置当前值 */
-    onChange?: (value?: number) => void;
-}
-export default class NumberInput extends React.Component<INumberInputProps, any> {
-    value: string;
-    setValue(value: string): void;
-    handleChange(value: string): void;
-    handleBlur(): void;
-    componentDidMount(): void;
-    render(): JSX.Element;
-}

package/lib/components/Input/NumberInput/index.js

@@ -1,121 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var mobx_react_1 = require("mobx-react");
-var mobx_1 = require("mobx");
-var lodash_1 = require("lodash");
-var index_1 = __importDefault(require("../index"));
-var bind_1 = __importDefault(require("../../../utils/bind"));
-var NumberInput = /** @class */ (function (_super) {
-    __extends(NumberInput, _super);
-    function NumberInput() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.value = '';
-        return _this;
-    }
-    NumberInput.prototype.setValue = function (value) {
-        this.value = value;
-    };
-    NumberInput.prototype.handleChange = function (value) {
-        var onChange = this.props.onChange;
-        var result = Number(value);
-        if (!onChange) {
-            return;
-        }
-        if (!isNaN(result)) {
-            onChange(value === '' ? undefined : result);
-        }
-        this.setValue(value);
-    };
-    NumberInput.prototype.handleBlur = function () {
-        var _a = this.props, min = _a.min, max = _a.max, precision = _a.precision, onChange = _a.onChange;
-        var result = Number(this.value);
-        if (!onChange) {
-            return;
-        }
-        if (this.value === '') {
-            onChange(undefined);
-            this.setValue('');
-            return;
-        }
-        if (isNaN(result)) {
-            onChange(min);
-            this.setValue(lodash_1.toString(min));
-            return;
-        }
-        if (lodash_1.isNumber(min) && min > result) {
-            onChange(min);
-            this.setValue(lodash_1.toString(min));
-            return;
-        }
-        if (lodash_1.isNumber(max) && max < result) {
-            onChange(max);
-            this.setValue(lodash_1.toString(max));
-            return;
-        }
-        if (lodash_1.isNumber(precision)) {
-            this.setValue(lodash_1.toString(lodash_1.floor(result, precision)));
-            onChange(lodash_1.floor(result, precision));
-        }
-    };
-    NumberInput.prototype.componentDidMount = function () {
-        this.setValue(lodash_1.toString(this.props.value));
-    };
-    NumberInput.prototype.render = function () {
-        var _a = this.props, placeholder = _a.placeholder, addonAfter = _a.addonAfter, addonBefore = _a.addonBefore, className = _a.className;
-        return (react_1.default.createElement(index_1.default, { className: className, value: this.value, onChange: this.handleChange, onBlur: this.handleBlur, placeholder: placeholder, addonAfter: addonAfter, addonBefore: addonBefore }));
-    };
-    __decorate([
-        mobx_1.observable,
-        __metadata("design:type", String)
-    ], NumberInput.prototype, "value", void 0);
-    __decorate([
-        bind_1.default,
-        mobx_1.action,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [String]),
-        __metadata("design:returntype", void 0)
-    ], NumberInput.prototype, "setValue", null);
-    __decorate([
-        bind_1.default,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", [String]),
-        __metadata("design:returntype", void 0)
-    ], NumberInput.prototype, "handleChange", null);
-    __decorate([
-        bind_1.default,
-        __metadata("design:type", Function),
-        __metadata("design:paramtypes", []),
-        __metadata("design:returntype", void 0)
-    ], NumberInput.prototype, "handleBlur", null);
-    NumberInput = __decorate([
-        mobx_react_1.observer
-    ], NumberInput);
-    return NumberInput;
-}(react_1.default.Component));
-exports.default = NumberInput;