Comparing version 0.0.1 to 1.0.0
@@ -22,5 +22,7 @@ declare module "grid-plan" { | ||
export type GridPlanItemType = { | ||
color: string | ||
[key: string]: string | number | ||
color?: string | ||
description: string | ||
icon: string | ||
icon?: string | ||
iconColor?: string | ||
typeId: string | number | ||
@@ -37,2 +39,3 @@ } | ||
typeId: number | string | ||
id?: string | number | ||
} | ||
@@ -39,0 +42,0 @@ |
{ | ||
"name": "grid-plan", | ||
"version": "0.0.1", | ||
"version": "1.0.0", | ||
"private": false, | ||
@@ -42,3 +42,3 @@ "type": "module", | ||
"preview": "vite preview", | ||
"test:unit": "vitest", | ||
"test": "vitest", | ||
"test:e2e": "start-server-and-test preview http://localhost:4173 'cypress run --e2e'", | ||
@@ -45,0 +45,0 @@ "test:e2e:dev": "start-server-and-test 'vite dev --port 4173' http://localhost:4173 'cypress open --e2e'" |
159
README.md
<p align="center"> | ||
<a href="https://grid-plan.graphieros.com/"><img src="https://vue-data-ui.graphieros.com/grid-plan.png"></a> | ||
<br> | ||
<a href="https://grid-plan.graphieros.com/"><img src="https://vue-data-ui.graphieros.com/grid-plan2.png"></a> | ||
<br> | ||
<br> | ||
<br> | ||
</p> | ||
@@ -11,3 +13,2 @@ | ||
![npm](https://img.shields.io/npm/v/grid-plan) | ||
![NPM](https://img.shields.io/npm/l/grid-plan) | ||
![npm](https://img.shields.io/npm/dt/grid-plan) | ||
@@ -72,18 +73,21 @@ ![GitHub issues](https://img.shields.io/github/issues/graphieros/grid-plan) | ||
{ | ||
typeId: 1, | ||
color: "#3366DD", | ||
description: "server", | ||
icon: "S", | ||
typeId: 1, | ||
icon: "server", | ||
iconColor: "#FFFFFF", | ||
}, | ||
{ | ||
typeId: 2, | ||
color: "#DD6633", | ||
description: "power", | ||
icon: "P", | ||
typeId: 2, | ||
icon: "bolt", | ||
iconColor: "#FFFFFF", | ||
}, | ||
{ | ||
typeId: 3, | ||
color: "#71a4a8", | ||
description: "monitor", | ||
icon: "M", | ||
typeId: 3, | ||
icon: "deviceLaptop", | ||
iconColor: "#1A1A1A", | ||
}, | ||
@@ -171,3 +175,3 @@ ]); | ||
<!-- Customize the icon for component types --> | ||
<!-- Use your own svg icons for component types (not necessary if the icon provided is part of the available icons) --> | ||
<template #componentIcon="{ placedItem, maxSize }"> | ||
@@ -196,3 +200,2 @@ <svg | ||
</svg> | ||
<!-- You can create as many custom icons as there are types --> | ||
</template> | ||
@@ -228,1 +231,139 @@ | ||
| useShadow | boolean | true | Show selected item with a drop shadow | | ||
## Icons | ||
A set of icons is provided by grid-plan. These icons are adapted from the great [Tabler icons](https://tablericons.com/) open source icon library. | ||
Icons are used in availableTypes: | ||
```js | ||
const availableTypes = ref([ | ||
{ | ||
color: '#6376DD', | ||
description: 'router', | ||
icon: 'router', | ||
typeId: 1, | ||
iconColor: '#FFFFFF' | ||
}, | ||
{...} | ||
]) | ||
``` | ||
| Icon name | | ||
| ------------------- | | ||
| airConditioning | | ||
| alertTriangle | | ||
| analyze | | ||
| archive | | ||
| armchair | | ||
| award | | ||
| bath | | ||
| battery | | ||
| bed | | ||
| bell | | ||
| bellSchool | | ||
| bolt | | ||
| boltOff | | ||
| books | | ||
| bulb | | ||
| bulfOff | | ||
| burger | | ||
| calculator | | ||
| camera | | ||
| cctv | | ||
| chefHat | | ||
| circleKey | | ||
| circuitCapacitor | | ||
| circuitCell | | ||
| circuitGround | | ||
| circuitSwitchClosed | | ||
| circuitSwitchOpen | | ||
| clock | | ||
| cloud | | ||
| cloudComputing | | ||
| coffee | | ||
| cpu | | ||
| cricuitLoop | | ||
| database | | ||
| deviceDesktop | | ||
| deviceDesktopOff | | ||
| deviceDualScreen | | ||
| deviceImac | | ||
| deviceImacOff | | ||
| deviceLaptop | | ||
| deviceLaptopOff | | ||
| deviceTablet | | ||
| deviceTabletOff | | ||
| deviceTv | | ||
| deviceTvOff | | ||
| deviceUsb | | ||
| devicesPc | | ||
| devicesPcOff | | ||
| disabled | | ||
| door | | ||
| doorEnter | | ||
| doorExit | | ||
| elevator | | ||
| elevatorOff | | ||
| escalator | | ||
| escalatorDown | | ||
| escalatorUp | | ||
| fingerprint | | ||
| firstAidKit | | ||
| folder | | ||
| folders | | ||
| headphones | | ||
| headset | | ||
| hexagon | | ||
| home | | ||
| key | | ||
| keyboard | | ||
| leaf | | ||
| lock | | ||
| lockAccess | | ||
| man | | ||
| microphone | | ||
| microscope | | ||
| network | | ||
| networkOff | | ||
| package | | ||
| packages | | ||
| paperclip | | ||
| phone | | ||
| plant | | ||
| plugConnected | | ||
| power | | ||
| printer | | ||
| printerOff | | ||
| prism | | ||
| propeller | | ||
| propellerOff | | ||
| reportAnalytics | | ||
| robot | | ||
| router | | ||
| salad | | ||
| server | | ||
| serverBolt | | ||
| serverCog | | ||
| serverOff | | ||
| shredder | | ||
| sofa | | ||
| solarPanel | | ||
| soup | | ||
| squareKey | | ||
| stack | | ||
| toilet | | ||
| toiletPaper | | ||
| toolsKitchen | | ||
| trafficCone | | ||
| trash | | ||
| trolley | | ||
| volume | | ||
| wall | | ||
| washMachine | | ||
| wave | | ||
| wifi | | ||
| windMill | | ||
| windmillOff | | ||
| window | | ||
| world | |
Sorry, the diff of this file is too big to display
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
93601
1487
0
365