@belleui/belle-radio - npm Package Compare versions

Comparing version 0.0.1-alpha.0 to 0.0.1-alpha.1

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## [0.0.1-alpha.1](https://github.com/belleui/belleui/compare/v0.0.1-alpha.0...v0.0.1-alpha.1) (2020-10-27)
+
+
+### Bug Fixes
+
+* **npm:** remove image folder from npmignore ([#35](https://github.com/belleui/belleui/issues/35)) ([#36](https://github.com/belleui/belleui/issues/36)) ([834e101](https://github.com/belleui/belleui/commit/834e101cafed85ed10bf1b957815267f715ac506)), closes [#32](https://github.com/belleui/belleui/issues/32)
+
+
+
+
+
 ## 0.0.1-alpha.0 (2020-09-25)
@@ -8,0 +19,0 @@

lib/belle-radio-css.js

 import { css } from 'lit-element';
 export default css `:host{--border-color: #d9d9d9;--highlight-color: #1890ff;display:inline-block}:host([disabled]){opacity:.6}.radio-wrapper{display:inline-flex;align-items:center;cursor:pointer;padding:0}.radio-wrapper .radio{position:relative;margin-right:5px}.radio-wrapper .radio:hover .radio-inner{border-color:var(--highlight-color)}.radio-wrapper .radio .radio-input{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;margin:0;z-index:1;opacity:0;cursor:pointer}.radio-wrapper .radio .radio-inner{box-sizing:border-box;position:relative;display:block;width:14px;height:14px;background:#fff;border:1px solid var(--border-color);border-radius:50%;transition:all .3s}.radio-wrapper .radio .radio-inner::after{content:" ";position:absolute;top:2px;left:2px;width:8px;height:8px;background-color:var(--highlight-color);border-radius:8px;opacity:0;transition:all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);transform:scale(0)}.radio-wrapper .radio .radio-input:checked+.radio-inner{border-color:var(--highlight-color)}.radio-wrapper .radio .radio-input:checked+.radio-inner::after{opacity:1;transform:scale(1)}
 `;
-//# sourceMappingURL=belle-radio-css.js.map

lib/belle-radio-group.js

@@ -11,3 +11,2 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 import { customElement, LitElement, html, query, property } from 'lit-element';
-import { fire } from '@belleui/belle-lib';
 /**
@@ -54,3 +53,9 @@ * @element belle-radio-group
         });
-        fire(this, 'on-change', { selected: this.selected });
+        this.dispatchEvent(new CustomEvent('on-change', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                selected: this.selected
+            }
+        }));
     }
@@ -92,2 +97,1 @@ slotChange() {
 export { BelleRadioGroup };
-//# sourceMappingURL=belle-radio-group.js.map

lib/belle-radio.js

@@ -11,3 +11,2 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
 import { customElement, LitElement, html, property, query } from 'lit-element';
-import { fire } from '@belleui/belle-lib';
 import style from './belle-radio-css';
@@ -64,3 +63,9 @@ /**
         this.checked = this.input.checked;
-        fire(this, 'change', { checked: this.checked });
+        this.dispatchEvent(new CustomEvent('change', {
+            bubbles: true,
+            composed: true,
+            detail: {
+                checked: this.checked
+            }
+        }));
     }
@@ -95,2 +100,1 @@ };
 export { BelleRadio };
-//# sourceMappingURL=belle-radio.js.map

lib/index.js

 export * from './belle-radio.js';
 export * from './belle-radio-group.js';
-//# sourceMappingURL=index.js.map

package.json

 {
   "name": "@belleui/belle-radio",
-  "version": "0.0.1-alpha.0",
+  "version": "0.0.1-alpha.1",
   "description": "radio",
@@ -28,6 +28,5 @@ "keywords": [
   "dependencies": {
-    "@belleui/belle-lib": "^0.0.1-alpha.0",
     "lit-element": "^2.3.1"
   },
-  "gitHead": "58cdaea6a0b7ebd66e10c5fbe067c1dfe4452030"
+  "gitHead": "540a9d3bd74420d1de2b4d9045415fbad9d91c86"
 }

README.md

@@ -1,7 +0,10 @@
-<!-- ⚠️ This README has been generated from the file(s) "/Users/wusong/Code/github-project/belleui/packages/belle-radio/readme/blueprint.md" ⚠️--><h1 align="center">belleui-radio</h1>
+[](#belleuibelle-radio)
 
-<p align="center">
+# @belleui/belle-radio
+
+<p>
 		<a href="https://npmcharts.com/compare/@belleui/belle-radio?minimal=true"><img alt="Downloads per month" src="https://img.shields.io/npm/dm/@belleui/belle-radio.svg" height="20"/></a>
 <a href="https://www.npmjs.com/package/@belleui/belle-radio"><img alt="NPM Version" src="https://img.shields.io/npm/v/@belleui/belle-radio.svg" height="20"/></a>
-<a href="https://github.com/badges/shields"><img alt="TypeScript" src="https://img.shields.io/npm/types/@belleui/belle-radio" height="20"/></a>
+<a href="https://github.com/belleui/belleui/blob/master/packages/belle-radio"><img alt="TypeScript" src="https://img.shields.io/npm/types/@belleui/belle-radio" height="20"/></a>
+<a href="https://www.webcomponents.org/element/@belleui/belle-radio"><img alt="Published on webcomponents.org" src="https://img.shields.io/badge/webcomponents.org-published-blue.svg" height="20"/></a>
 	</p>
@@ -29,6 +32,62 @@
 
+```html
+<belle-radio-group selected="radio1">
+  <belle-radio value="radio1">Radio1</belle-radio>
+  <belle-radio value="radio2">Radio2</belle-radio>
+  <belle-radio value="radio3">Radio3</belle-radio>
+</belle-radio-group>
+```
 
+[](#demo)
+
+# Demo
+
+[Click to view demo](https://codesandbox.io/s/belle-radio-rhpq0?file=/src/index.js)
+
+[](#belle-radio-group)
+
+## belle-radio-group
+
+
+[](#properties)
+
+### Properties
+
+| Property   | Attribute  | Type      | Description |
+|------------|------------|-----------|-------------|
+| `selected` | `selected` | `boolean` | 默认选中的值      |
+
+
+[](#methods)
+
+### Methods
+
+| Method          | Type                   |
+|-----------------|------------------------|
+| `handleChecked` | `(event: Event): void` |
+| `slotChange`    | `(): void`             |
+
+
+[](#events)
+
+### Events
+
+| Event       | Type                                             | Description |
+|-------------|--------------------------------------------------|-------------|
+| `on-change` | `CustomEvent<{ selected: string \| undefined; }>` | 单选框选中事件     |
+
+
+[](#slots)
+
+### Slots
+
+| Name | Description              |
+|------|--------------------------|
+|      | radio item（defualt slot） |
+
+
+
 [](#belle-radio)
 
-# belle-radio
+## belle-radio
 
@@ -38,3 +97,3 @@
 
-## Properties
+### Properties
 
@@ -50,3 +109,3 @@ | Property   | Attribute  | Type      | Default | Description |
 
-## Methods
+### Methods
 
@@ -58,5 +117,14 @@ | Method         | Type       |
 
+[](#events)
+
+### Events
+
+| Event    | Type                                 |
+|----------|--------------------------------------|
+| `change` | `CustomEvent<{ checked: boolean; }>` |
+
+
 [](#slots)
 
-## Slots
+### Slots
 
@@ -63,0 +131,0 @@ | Name | Description         |

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

Dependency count

1

decreased by-50%

Lines of code

270

increased by3.85%

Number of lines in readme file

131

increased by107.94%

Worsened metrics

Total package byte prevSize

14868

decreased by-31.68%

Number of package files

12

decreased by-25%

Dependency changes

• - Removed@belleui/belle-lib@^0.0.1-alpha.0

• - Removed@belleui/belle-lib@0.0.1-alpha.0(transitive)