rc-calendar - npm Package Compare versions

Comparing version 3.4.0 to 3.4.1

examples/ant-design-picker.js

@@ -11,66 +11,3 @@ /** @jsx React.DOM */
 
-var style = `
-@font-face {
-  font-family: 'iconfont';
-  src: url('//at.alicdn.com/t/font_1429685559_5814753.eot');
-  /* IE9*/
-  src: url('//at.alicdn.com/t/font_1429685559_5814753.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_1429685559_5814753.woff') format('woff'), /* chrome、firefox */ url('//at.alicdn.com/t/font_1429685559_5814753.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('//at.alicdn.com/t/font_1429685559_5814753.svg#iconfont') format('svg');
-  /* iOS 4.1- */
-}
 
-.datepicker-input {
-  box-sizing: border-box;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  height: 32px;
-  width: 100%;
-  position: relative;
-  display: inline-block;
-  width: 100%;
-  margin: 0 0;
-  padding: 7px 10px;
-  border-radius: 6px 6px;
-  border: 1px solid #d9d9d9;
-  background-color: #ffffff;
-  color: #666;
-  line-height: 1.5;
-  -webkit-transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);
-  transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1), background 0.3s cubic-bezier(0.35, 0, 0.25, 1), box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);
-  font-family: inherit;
-  vertical-align: baseline;
-}
-
-.datepicker-input:focus {
-  border-color: #23c0fa;
-  box-shadow: 0 0 3px #23c0fa;
-}
-
-.datepicker-input:hover {
-  border-color: #23c0fa;
-}
-
-.date-picker-wrap {
-  box-sizing: border-box;
-  position: relative;
-  display: block;
-  line-height: 1.5;
-  margin-bottom: 22px;
-}
-
-.datepicker-icon {
-  position: absolute;
-  -webkit-user-select:none;
-}
-
-.datepicker-icon:after {
-  position: relative;
-  left: -22px;
-  font-family: "iconfont";
-  content: "";
-  font-size: 12px;
-  color: #999;
-  top: 3px;
-  margin-right: -22px;
-}
-`;
-
 var Test = React.createClass({
@@ -118,4 +55,2 @@ handleChange: function (value) {
     return <div style={{width: 236, margin: 20}} data-time={this.state.time}>
-      <style dangerouslySetInnerHTML={{__html: style}}>
-      </style>
       <div>
@@ -126,8 +61,14 @@ <span>
       </div>
-      <div className="date-picker-wrap">
+      <div style={{
+        'boxSizing': 'border-box',
+        'position': 'relative',
+        'display': 'block',
+        'lineHeight': 1.5,
+        marginBottom: 22
+      }}>
         <DatePicker
-          trigger={<span className="datepicker-icon" />}
+          trigger={<span className="rc-calendar-picker-icon" />}
           formatter={this.props.formatter} calendar={calendar}
           value={state.value} onChange={this.handleChange}>
-          <input type="text" className="datepicker-input" style={{background: 'white', cursor: 'pointer'}}/>
+          <input className="rc-calendar-picker-input"/>
         </DatePicker>
@@ -134,0 +75,0 @@ </div>

package.json

 {
   "name": "rc-calendar",
-  "version": "3.4.0",
+  "version": "3.4.1",
   "description": "calendar ui component for react",
@@ -5,0 +5,0 @@ "keywords": [

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

158278

increased by1.12%

Worsened metrics

Lines of code

3800

decreased by-0.03%

No dependency changes