omim - update docs

This commit is contained in:
dntzhang 2019-06-19 10:13:25 +08:00
parent 4eefa3953f
commit 06a3f7e4b0
26 changed files with 41 additions and 41 deletions

View File

@ -1,12 +1,12 @@
{
"cn.css": "static/css/cn.d7592a4b.css",
"cn.css.map": "static/css/cn.d7592a4b.css.map",
"cn.js": "static/js/cn.ffe2c8d7.js",
"cn.js.map": "static/js/cn.ffe2c8d7.js.map",
"cn.js": "static/js/cn.102fbe78.js",
"cn.js.map": "static/js/cn.102fbe78.js.map",
"index.css": "static/css/index.d7592a4b.css",
"index.css.map": "static/css/index.d7592a4b.css.map",
"index.js": "static/js/index.1afcfc7c.js",
"index.js.map": "static/js/index.1afcfc7c.js.map",
"index.js": "static/js/index.c50faa45.js",
"index.js.map": "static/js/index.c50faa45.js.map",
"static/js/0.fedf87f8.chunk.js": "static/js/0.fedf87f8.chunk.js",
"static/js/0.fedf87f8.chunk.js.map": "static/js/0.fedf87f8.chunk.js.map",
"static/js/1.db587cfb.chunk.js": "static/js/1.db587cfb.chunk.js",
@ -23,10 +23,10 @@
"static/js/103.18e9795a.chunk.js.map": "static/js/103.18e9795a.chunk.js.map",
"static/js/104.89703d94.chunk.js": "static/js/104.89703d94.chunk.js",
"static/js/104.89703d94.chunk.js.map": "static/js/104.89703d94.chunk.js.map",
"static/js/105.cd0b9ba3.chunk.js": "static/js/105.cd0b9ba3.chunk.js",
"static/js/105.cd0b9ba3.chunk.js.map": "static/js/105.cd0b9ba3.chunk.js.map",
"static/js/106.c3968949.chunk.js": "static/js/106.c3968949.chunk.js",
"static/js/106.c3968949.chunk.js.map": "static/js/106.c3968949.chunk.js.map",
"static/js/105.3b6b98b1.chunk.js": "static/js/105.3b6b98b1.chunk.js",
"static/js/105.3b6b98b1.chunk.js.map": "static/js/105.3b6b98b1.chunk.js.map",
"static/js/106.ac4bab45.chunk.js": "static/js/106.ac4bab45.chunk.js",
"static/js/106.ac4bab45.chunk.js.map": "static/js/106.ac4bab45.chunk.js.map",
"static/js/107.9216a3d6.chunk.js": "static/js/107.9216a3d6.chunk.js",
"static/js/107.9216a3d6.chunk.js.map": "static/js/107.9216a3d6.chunk.js.map",
"static/js/108.8be90c9b.chunk.js": "static/js/108.8be90c9b.chunk.js",
@ -137,10 +137,10 @@
"static/js/39.59bbd8a7.chunk.js.map": "static/js/39.59bbd8a7.chunk.js.map",
"static/js/4.fd41f18f.chunk.js": "static/js/4.fd41f18f.chunk.js",
"static/js/4.fd41f18f.chunk.js.map": "static/js/4.fd41f18f.chunk.js.map",
"static/js/40.f16b1df5.chunk.js": "static/js/40.f16b1df5.chunk.js",
"static/js/40.f16b1df5.chunk.js.map": "static/js/40.f16b1df5.chunk.js.map",
"static/js/41.7b5b0709.chunk.js": "static/js/41.7b5b0709.chunk.js",
"static/js/41.7b5b0709.chunk.js.map": "static/js/41.7b5b0709.chunk.js.map",
"static/js/40.06003d33.chunk.js": "static/js/40.06003d33.chunk.js",
"static/js/40.06003d33.chunk.js.map": "static/js/40.06003d33.chunk.js.map",
"static/js/41.03979e58.chunk.js": "static/js/41.03979e58.chunk.js",
"static/js/41.03979e58.chunk.js.map": "static/js/41.03979e58.chunk.js.map",
"static/js/42.99556ae6.chunk.js": "static/js/42.99556ae6.chunk.js",
"static/js/42.99556ae6.chunk.js.map": "static/js/42.99556ae6.chunk.js.map",
"static/js/43.0725cf2c.chunk.js": "static/js/43.0725cf2c.chunk.js",

View File

@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="shortcut icon" href="./favicon.ico"><link rel="stylesheet" href="./highlight/prism.css"><style>*{-webkit-tap-highlight-color:rgba(255,255,255,0);-moz-user-focus:none}</style><title>Omim - Material Design for the Web, powered by Omi.</title><link href="./static/css/cn.d7592a4b.css" rel="stylesheet"></head><body><script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script><script src="./highlight/prism.js"></script><script src="./js/remarkable.min.js"></script><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script type="text/javascript" src="./static/js/cn.ffe2c8d7.js"></script></body></html>
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="shortcut icon" href="./favicon.ico"><link rel="stylesheet" href="./highlight/prism.css"><style>*{-webkit-tap-highlight-color:rgba(255,255,255,0);-moz-user-focus:none}</style><title>Omim - Material Design for the Web, powered by Omi.</title><link href="./static/css/cn.d7592a4b.css" rel="stylesheet"></head><body><script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script><script src="./highlight/prism.js"></script><script src="./js/remarkable.min.js"></script><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script type="text/javascript" src="./static/js/cn.102fbe78.js"></script></body></html>

View File

@ -1 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="shortcut icon" href="./favicon.ico"><link rel="stylesheet" href="./highlight/prism.css"><style>*{-webkit-tap-highlight-color:rgba(255,255,255,0);-moz-user-focus:none}</style><title>Omim - Material Design for the Web, powered by Omi.</title><link href="./static/css/index.d7592a4b.css" rel="stylesheet"></head><body><script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script><script src="./highlight/prism.js"></script><script src="./js/remarkable.min.js"></script><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script type="text/javascript" src="./static/js/index.1afcfc7c.js"></script></body></html>
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="shortcut icon" href="./favicon.ico"><link rel="stylesheet" href="./highlight/prism.css"><style>*{-webkit-tap-highlight-color:rgba(255,255,255,0);-moz-user-focus:none}</style><title>Omim - Material Design for the Web, powered by Omi.</title><link href="./static/css/index.d7592a4b.css" rel="stylesheet"></head><body><script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.7/es5-shim.min.js"></script><script src="./highlight/prism.js"></script><script src="./js/remarkable.min.js"></script><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script type="text/javascript" src="./static/js/index.c50faa45.js"></script></body></html>

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,2 @@
webpackJsonp([105],{61:function(n,e){n.exports="# Omim\n\nCross-Frameworks components, powered by Material Design and [Omi](https://github.com/Tencent/omi).\n\n![](https://tencent.github.io/omi/packages/omim/assets/pv4.jpeg?a=1)\n\n## Features\n\n* Render by Custom Elements of Web Components\n* Any framework can use the components, such as Omi, React, Vue and Angular \n* Support both JSX and native HTML elements \n* Each element can be used independently\n* Super easy to change theme colors, fonts and rounded corners\n* Extended HTML capabilities, you can pass false attributes to elements through string `'0'` or string `'flase'`\n\n## Cross Frameworks\n\n* [Using Omim in React](https://tencent.github.io/omi/packages/omim/test-react/build/index.html) & [Source Code](https://github.com/Tencent/omi/blob/master/packages/omim/test-react/src/HookTest.js)\n* [Using Omim in Vue](https://tencent.github.io/omi/packages/omim/test-vue/dist/index.html) & [Source Code](https://github.com/Tencent/omi/blob/master/packages/omim/test-vue/app.vue)\n\n## Usage\n\n### Via script\n\n```html\n<script src=\"https://unpkg.com/omi\"><\/script>\n<script src=\"https://unpkg.com/omim@latest/button/index.js\"><\/script>\n\n<m-button>I am button</m-button>\n```\n\n### Via npm\n\n``` bash\nnpm install omim\n```\n\nThen:\n\n```js\nimport 'omim/button'\n```\n\nThen use the element in Omi, React, Vue or Angular:\n\n``` html\n<m-button>I am button</m-button>\n```\n\nIt can also be used in pure js:\n\n```js\nvar button = document.createElement('m-button')\nbutton.innerHTML = 'I am button'\ndocument.body.append(button)\nbutton.addEventListener('click', function () {\n console.log('Clicked!')\n})\n\n//or\n//document.body.innerHTML = '<m-button>I am button</m-button>'\n```\n\n## Change Theme Color\n\n```js\ndocument.body.style.setProperty('--mdc-theme-primary', 'red')\ndocument.body.style.setProperty('--mdc-theme-secondary', 'blue')\ndocument.body.style.setProperty('--mdc-theme-error', 'yellow')\n```\n\nAll the config:\n\n```css\n--mdc-theme-primary: #0072d9;\n--mdc-theme-secondary: #2170b8;\n--mdc-theme-error: #f5222d;\n--mdc-theme-surface: #ffffff;\n--mdc-theme-on-primary: #ffffff;\n--mdc-theme-on-secondary: #ffffff;\n--mdc-theme-on-error: #ffffff;\n--mdc-theme-on-surface: #000000;\n--mdc-theme-background: #ffffff;\n--mdc-shape-small-component-radius: 4px;\n--mdc-shape-medium-component-radius: 4px;\n--mdc-shape-large-component-radius: 0px;\n--mdc-typography--font-family: Roboto, sans-serif;\n```\n\n## HTML Extention \n\nYou can set boolean prop to false from markup by 0 or false string.\n\n```js\ndefine('my-element', class extends WeElement {\n static defaultProps = {\n show: true\n }\n\n static propTypes = {\n show: Boolean\n }\n\n render(props) {\n ...\n ...\n }\n})\n```\n\nUse:\n\n```html\n<my-element show=\"false\"></my-element>\n```\n\nor\n\n```html\n<my-element show=\"0\"></my-element>\n```\n\n## Usage in React\n\n```jsx\n/** @jsx nativeEvents */\nimport nativeEvents from 'jsx-native-events'\nimport { useState } from 'react'\nimport 'omim/icon-button'\n\nexport default function SomeComponent(props) {\n const [result, setSwitch] = useState(false)\n\n return (\n <div>\n <p>The switch is {result ? 'on' : 'off'}</p>\n <m-icon-button color=\"red\" icons=\"['favorite', 'favorite_border']\" onEventChange={e => setSwitch(e.detail.isOn)}>\n </m-icon-button>\n </div>\n )\n}\n```\n\nMany thanks to calebdwilliams's [jsx-native-events](https://github.com/calebdwilliams/jsx-native-events#readme).\n\n## Usage in Vue\n\n```html\n<script>\nimport 'omim/icon-button'\n\nexport default {\n name: 'HelloWorld',\n data: function() {\n return {\n result: false\n }\n },\n methods: {\n myEvent: function(evt) {\n this.result = evt.detail.isOn\n }\n }\n}\n<\/script>\n\n<template>\n <div class=\"component\">\n <p>The switch is {{result? 'on' : 'off'}}</p>\n <m-icon-button color=\"red\" icons=\"['favorite', 'favorite_border']\" @change=\"myEvent\"></m-icon-button>\n </div>\n</template>\n```\n\n> Note that in order to display icon in react or vue app, you need to put this in HTML:\n\n```html\n<link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/icon?family=Material+Icons\">\n```\n\n## Contribution\n\n### CMD\n\nBuild component:\n\n```bash\nnpm run build -- component-name\n```\n\nBuild all components:\n\n```bash\nnpm run build-all\n```\n\nBuild demo:\n\n```bash\nnpm start demo-name\n```\n\nPublish:\n\n```bash\nnpm publish --access public\n```\n\n## Links\n\n* [material.io docs](https://material.io/develop/web/components/buttons/) \n* [material.io demo](https://material-components.github.io/material-components-web-catalog/#/) \n* [material-theme-builder](https://material-theme-builder.glitch.me/)\n* [material-components-web](https://github.com/material-components/material-components-web)\n"}});
//# sourceMappingURL=105.3b6b98b1.chunk.js.map

File diff suppressed because one or more lines are too long

View File

@ -1,2 +0,0 @@
webpackJsonp([105],{61:function(n,e){n.exports="# Omim\n\nCross-Frameworks components, powered by Material Design and [Omi](https://github.com/Tencent/omi).\n\n![](https://tencent.github.io/omi/packages/omim/assets/pv4.jpeg?a=1)\n\n## Features\n\n* Render by Custom Elements of Web Components\n* Any framework can use the components, such as Omi, React, Vue and Angular \n* Support both JSX and native HTML elements \n* Each element can be used independently\n* Super easy to change theme colors, fonts and rounded corners\n* Extended HTML capabilities, you can pass false attributes to elements through string `'0'` or string `'flase'`\n\n## Cross Frameworks\n\n* [Using Omim in React](https://tencent.github.io/omi/packages/omim/test-react/build/index.html) & [Source Code](https://github.com/Tencent/omi/blob/master/packages/omim/test-react/src/HookTest.js)\n* [Using Omim in Vue](https://tencent.github.io/omi/packages/omim/test-vue/dist/index.html) & [Source Code](https://github.com/Tencent/omi/blob/master/packages/omim/test-vue/app.vue)\n\n## Usage\n\n### Via script\n\n```html\n<script src=\"https://unpkg.com/omi\"><\/script>\n<script src=\"https://unpkg.com/@omim/core@latest/button/index.js\"><\/script>\n\n<m-button>I am button</m-button>\n```\n\n### Via npm\n\n``` bash\nnpm install @omim/core\n```\n\nThen:\n\n```js\nimport 'omim/button'\n```\n\nThen use the element in Omi, React, Vue or Angular:\n\n``` html\n<m-button>I am button</m-button>\n```\n\nIt can also be used in pure js:\n\n```js\nvar button = document.createElement('m-button')\nbutton.innerHTML = 'I am button'\ndocument.body.append(button)\nbutton.addEventListener('click', function () {\n console.log('Clicked!')\n})\n\n//or\n//document.body.innerHTML = '<m-button>I am button</m-button>'\n```\n\n## Change Theme Color\n\n```js\ndocument.body.style.setProperty('--mdc-theme-primary', 'red')\ndocument.body.style.setProperty('--mdc-theme-secondary', 'blue')\ndocument.body.style.setProperty('--mdc-theme-error', 'yellow')\n```\n\nAll the config:\n\n```css\n--mdc-theme-primary: #0072d9;\n--mdc-theme-secondary: #2170b8;\n--mdc-theme-error: #f5222d;\n--mdc-theme-surface: #ffffff;\n--mdc-theme-on-primary: #ffffff;\n--mdc-theme-on-secondary: #ffffff;\n--mdc-theme-on-error: #ffffff;\n--mdc-theme-on-surface: #000000;\n--mdc-theme-background: #ffffff;\n--mdc-shape-small-component-radius: 4px;\n--mdc-shape-medium-component-radius: 4px;\n--mdc-shape-large-component-radius: 0px;\n--mdc-typography--font-family: Roboto, sans-serif;\n```\n\n## HTML Extention \n\nYou can set boolean prop to false from markup by 0 or false string.\n\n```js\ndefine('my-element', class extends WeElement {\n static defaultProps = {\n show: true\n }\n\n static propTypes = {\n show: Boolean\n }\n\n render(props) {\n ...\n ...\n }\n})\n```\n\nUse:\n\n```html\n<my-element show=\"false\"></my-element>\n```\n\nor\n\n```html\n<my-element show=\"0\"></my-element>\n```\n\n## Usage in React\n\n```jsx\n/** @jsx nativeEvents */\nimport nativeEvents from 'jsx-native-events'\nimport { useState } from 'react'\nimport 'omim/icon-button'\n\nexport default function SomeComponent(props) {\n const [result, setSwitch] = useState(false)\n\n return (\n <div>\n <p>The switch is {result ? 'on' : 'off'}</p>\n <m-icon-button color=\"red\" icons=\"['favorite', 'favorite_border']\" onEventChange={e => setSwitch(e.detail.isOn)}>\n </m-icon-button>\n </div>\n )\n}\n```\n\nMany thanks to calebdwilliams's [jsx-native-events](https://github.com/calebdwilliams/jsx-native-events#readme).\n\n## Usage in Vue\n\n```html\n<script>\nimport 'omim/icon-button'\n\nexport default {\n name: 'HelloWorld',\n data: function() {\n return {\n result: false\n }\n },\n methods: {\n myEvent: function(evt) {\n this.result = evt.detail.isOn\n }\n }\n}\n<\/script>\n\n<template>\n <div class=\"component\">\n <p>The switch is {{result? 'on' : 'off'}}</p>\n <m-icon-button color=\"red\" icons=\"['favorite', 'favorite_border']\" @change=\"myEvent\"></m-icon-button>\n </div>\n</template>\n```\n\n> Note that in order to display icon in react or vue app, you need to put this in HTML:\n\n```html\n<link rel=\"stylesheet\" href=\"https://fonts.googleapis.com/icon?family=Material+Icons\">\n```\n\n## Contribution\n\n### CMD\n\nBuild component:\n\n```bash\nnpm run build -- component-name\n```\n\nBuild all components:\n\n```bash\nnpm run build-all\n```\n\nBuild demo:\n\n```bash\nnpm start demo-name\n```\n\nPublish:\n\n```bash\nnpm publish --access public\n```\n\n## Links\n\n* [material.io docs](https://material.io/develop/web/components/buttons/) \n* [material.io demo](https://material-components.github.io/material-components-web-catalog/#/) \n* [material-theme-builder](https://material-theme-builder.glitch.me/)\n* [material-components-web](https://github.com/material-components/material-components-web)\n"}});
//# sourceMappingURL=105.cd0b9ba3.chunk.js.map

File diff suppressed because one or more lines are too long

View File

@ -1,2 +1,2 @@
webpackJsonp([106],{60:function(n,t){n.exports='# Omim Chart\n\n<p align="center"><img src="https://github.com/Tencent/omi/raw/master/packages/omi-chart/assets/omi-chart.svg?sanitize=true" /><p>\n\n<p align="center">Simple HTML5 Charts \ud83d\udcc8 using html tag powered by <a href="https://github.com/Tencent/omi">omi</a> and <a href="https://www.chartjs.org/" rel="nofollow">chart.js</a>.</p>\n\n\n\n## Supported HTML Chart Elements\n\n```html\n<m-bar></m-bar>\n<m-line></m-line>\n<m-scatter></m-scatter>\n<m-pie></m-pie>\n<m-doughnut></m-doughnut>\n<m-radar></m-radar>\n<m-polar-area></m-polar-area>\n<m-bubble></m-bubble>\n```\n\n## Install\n\n### Via script\n\n```html\n<script src="https://unpkg.com/omi"><\/script>\n<script src="https://unpkg.com/@omim/core@latest/chart/index.js"><\/script>\n```\n\n### Via npm\n\n``` bash\nnpm install @omim/core\n```\n\nThen:\n\n```js\nimport \'omim/chart\'\n```\n'}});
//# sourceMappingURL=106.c3968949.chunk.js.map
webpackJsonp([106],{60:function(n,t){n.exports='# Omim Chart\n\n<p align="center"><img src="https://github.com/Tencent/omi/raw/master/packages/omi-chart/assets/omi-chart.svg?sanitize=true" /><p>\n\n<p align="center">Simple HTML5 Charts \ud83d\udcc8 using html tag powered by <a href="https://github.com/Tencent/omi">omi</a> and <a href="https://www.chartjs.org/" rel="nofollow">chart.js</a>.</p>\n\n\n\n## Supported HTML Chart Elements\n\n```html\n<m-bar></m-bar>\n<m-line></m-line>\n<m-scatter></m-scatter>\n<m-pie></m-pie>\n<m-doughnut></m-doughnut>\n<m-radar></m-radar>\n<m-polar-area></m-polar-area>\n<m-bubble></m-bubble>\n```\n\n## Install\n\n### Via script\n\n```html\n<script src="https://unpkg.com/omi"><\/script>\n<script src="https://unpkg.com/omim@latest/chart/index.js"><\/script>\n```\n\n### Via npm\n\n``` bash\nnpm install omim\n```\n\nThen:\n\n```js\nimport \'omim/chart\'\n```\n'}});
//# sourceMappingURL=106.ac4bab45.chunk.js.map

View File

@ -0,0 +1 @@
{"version":3,"sources":["../static/js/106.ac4bab45.chunk.js","docs/en/introduction-chart.md"],"names":["webpackJsonp","60","module","exports"],"mappings":"AAAAA,cAAc,MAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAAC,QAAA","file":"static/js/106.ac4bab45.chunk.js","sourcesContent":["webpackJsonp([106],{\n\n/***/ 60:\n/***/ (function(module, exports) {\n\nmodule.exports = \"# Omim Chart\\n\\n<p align=\\\"center\\\"><img src=\\\"https://github.com/Tencent/omi/raw/master/packages/omi-chart/assets/omi-chart.svg?sanitize=true\\\" /><p>\\n\\n<p align=\\\"center\\\">Simple HTML5 Charts 📈 using html tag powered by <a href=\\\"https://github.com/Tencent/omi\\\">omi</a> and <a href=\\\"https://www.chartjs.org/\\\" rel=\\\"nofollow\\\">chart.js</a>.</p>\\n\\n\\n\\n## Supported HTML Chart Elements\\n\\n```html\\n<m-bar></m-bar>\\n<m-line></m-line>\\n<m-scatter></m-scatter>\\n<m-pie></m-pie>\\n<m-doughnut></m-doughnut>\\n<m-radar></m-radar>\\n<m-polar-area></m-polar-area>\\n<m-bubble></m-bubble>\\n```\\n\\n## Install\\n\\n### Via script\\n\\n```html\\n<script src=\\\"https://unpkg.com/omi\\\"></script>\\n<script src=\\\"https://unpkg.com/omim@latest/chart/index.js\\\"></script>\\n```\\n\\n### Via npm\\n\\n``` bash\\nnpm install omim\\n```\\n\\nThen:\\n\\n```js\\nimport 'omim/chart'\\n```\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/106.ac4bab45.chunk.js","module.exports = \"# Omim Chart\\n\\n<p align=\\\"center\\\"><img src=\\\"https://github.com/Tencent/omi/raw/master/packages/omi-chart/assets/omi-chart.svg?sanitize=true\\\" /><p>\\n\\n<p align=\\\"center\\\">Simple HTML5 Charts 📈 using html tag powered by <a href=\\\"https://github.com/Tencent/omi\\\">omi</a> and <a href=\\\"https://www.chartjs.org/\\\" rel=\\\"nofollow\\\">chart.js</a>.</p>\\n\\n\\n\\n## Supported HTML Chart Elements\\n\\n```html\\n<m-bar></m-bar>\\n<m-line></m-line>\\n<m-scatter></m-scatter>\\n<m-pie></m-pie>\\n<m-doughnut></m-doughnut>\\n<m-radar></m-radar>\\n<m-polar-area></m-polar-area>\\n<m-bubble></m-bubble>\\n```\\n\\n## Install\\n\\n### Via script\\n\\n```html\\n<script src=\\\"https://unpkg.com/omi\\\"></script>\\n<script src=\\\"https://unpkg.com/omim@latest/chart/index.js\\\"></script>\\n```\\n\\n### Via npm\\n\\n``` bash\\nnpm install omim\\n```\\n\\nThen:\\n\\n```js\\nimport 'omim/chart'\\n```\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/en/introduction-chart.md\n// module id = 60\n// module chunks = 106"],"sourceRoot":""}

View File

@ -1 +0,0 @@
{"version":3,"sources":["../static/js/106.c3968949.chunk.js","docs/en/introduction-chart.md"],"names":["webpackJsonp","60","module","exports"],"mappings":"AAAAA,cAAc,MAERC,GACA,SAAUC,EAAQC,GCHxBD,EAAAC,QAAA","file":"static/js/106.c3968949.chunk.js","sourcesContent":["webpackJsonp([106],{\n\n/***/ 60:\n/***/ (function(module, exports) {\n\nmodule.exports = \"# Omim Chart\\n\\n<p align=\\\"center\\\"><img src=\\\"https://github.com/Tencent/omi/raw/master/packages/omi-chart/assets/omi-chart.svg?sanitize=true\\\" /><p>\\n\\n<p align=\\\"center\\\">Simple HTML5 Charts 📈 using html tag powered by <a href=\\\"https://github.com/Tencent/omi\\\">omi</a> and <a href=\\\"https://www.chartjs.org/\\\" rel=\\\"nofollow\\\">chart.js</a>.</p>\\n\\n\\n\\n## Supported HTML Chart Elements\\n\\n```html\\n<m-bar></m-bar>\\n<m-line></m-line>\\n<m-scatter></m-scatter>\\n<m-pie></m-pie>\\n<m-doughnut></m-doughnut>\\n<m-radar></m-radar>\\n<m-polar-area></m-polar-area>\\n<m-bubble></m-bubble>\\n```\\n\\n## Install\\n\\n### Via script\\n\\n```html\\n<script src=\\\"https://unpkg.com/omi\\\"></script>\\n<script src=\\\"https://unpkg.com/@omim/core@latest/chart/index.js\\\"></script>\\n```\\n\\n### Via npm\\n\\n``` bash\\nnpm install @omim/core\\n```\\n\\nThen:\\n\\n```js\\nimport 'omim/chart'\\n```\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/106.c3968949.chunk.js","module.exports = \"# Omim Chart\\n\\n<p align=\\\"center\\\"><img src=\\\"https://github.com/Tencent/omi/raw/master/packages/omi-chart/assets/omi-chart.svg?sanitize=true\\\" /><p>\\n\\n<p align=\\\"center\\\">Simple HTML5 Charts 📈 using html tag powered by <a href=\\\"https://github.com/Tencent/omi\\\">omi</a> and <a href=\\\"https://www.chartjs.org/\\\" rel=\\\"nofollow\\\">chart.js</a>.</p>\\n\\n\\n\\n## Supported HTML Chart Elements\\n\\n```html\\n<m-bar></m-bar>\\n<m-line></m-line>\\n<m-scatter></m-scatter>\\n<m-pie></m-pie>\\n<m-doughnut></m-doughnut>\\n<m-radar></m-radar>\\n<m-polar-area></m-polar-area>\\n<m-bubble></m-bubble>\\n```\\n\\n## Install\\n\\n### Via script\\n\\n```html\\n<script src=\\\"https://unpkg.com/omi\\\"></script>\\n<script src=\\\"https://unpkg.com/@omim/core@latest/chart/index.js\\\"></script>\\n```\\n\\n### Via npm\\n\\n``` bash\\nnpm install @omim/core\\n```\\n\\nThen:\\n\\n```js\\nimport 'omim/chart'\\n```\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/en/introduction-chart.md\n// module id = 60\n// module chunks = 106"],"sourceRoot":""}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,2 +1,2 @@
webpackJsonp([41],{125:function(n,t){n.exports='# Omim Chart\n\n<p align="center"><img src="https://github.com/Tencent/omi/raw/master/packages/omi-chart/assets/omi-chart.svg?sanitize=true" /><p>\n\n<p align="center"><a href="https://github.com/Tencent/omi">Omi</a> \u548c <a href="https://www.chartjs.org/" target="_blank">chart.js</a> \u6269\u5c55\u7684\u56fe\u8868\ud83d\udcc8\u6807\u7b7e<p>\n\n\n## \u652f\u6301\u7684\u6807\u7b7e\n\n```html\n<m-bar></m-bar>\n<m-line></m-line>\n<m-scatter></m-scatter>\n<m-pie></m-pie>\n<m-doughnut></m-doughnut>\n<m-radar></m-radar>\n<m-polar-area></m-polar-area>\n<m-bubble></m-bubble>\n```\n\n## \u5b89\u88c5\n\n### \u901a\u8fc7 script\n\n```html\n<script src="https://unpkg.com/omi"><\/script>\n<script src="https://unpkg.com/@omim/core@latest/chart/index.js"><\/script>\n```\n\n### \u901a\u8fc7 npm\n\n``` bash\nnpm install @omim/core\n```\n\n\u7136\u540e:\n\n```js\nimport \'omim/chart\'\n```\n\n'}});
//# sourceMappingURL=41.7b5b0709.chunk.js.map
webpackJsonp([41],{125:function(n,t){n.exports='# Omim Chart\n\n<p align="center"><img src="https://github.com/Tencent/omi/raw/master/packages/omi-chart/assets/omi-chart.svg?sanitize=true" /><p>\n\n<p align="center"><a href="https://github.com/Tencent/omi">Omi</a> \u548c <a href="https://www.chartjs.org/" target="_blank">chart.js</a> \u6269\u5c55\u7684\u56fe\u8868\ud83d\udcc8\u6807\u7b7e<p>\n\n\n## \u652f\u6301\u7684\u6807\u7b7e\n\n```html\n<m-bar></m-bar>\n<m-line></m-line>\n<m-scatter></m-scatter>\n<m-pie></m-pie>\n<m-doughnut></m-doughnut>\n<m-radar></m-radar>\n<m-polar-area></m-polar-area>\n<m-bubble></m-bubble>\n```\n\n## \u5b89\u88c5\n\n### \u901a\u8fc7 script\n\n```html\n<script src="https://unpkg.com/omi"><\/script>\n<script src="https://unpkg.com/omim@latest/chart/index.js"><\/script>\n```\n\n### \u901a\u8fc7 npm\n\n``` bash\nnpm install omim\n```\n\n\u7136\u540e:\n\n```js\nimport \'omim/chart\'\n```\n\n'}});
//# sourceMappingURL=41.03979e58.chunk.js.map

View File

@ -0,0 +1 @@
{"version":3,"sources":["../static/js/41.03979e58.chunk.js","docs/zh-cn/introduction-chart.md"],"names":["webpackJsonp","125","module","exports"],"mappings":"AAAAA,cAAc,KAERC,IACA,SAAUC,EAAQC,GCHxBD,EAAAC,QAAA","file":"static/js/41.03979e58.chunk.js","sourcesContent":["webpackJsonp([41],{\n\n/***/ 125:\n/***/ (function(module, exports) {\n\nmodule.exports = \"# Omim Chart\\n\\n<p align=\\\"center\\\"><img src=\\\"https://github.com/Tencent/omi/raw/master/packages/omi-chart/assets/omi-chart.svg?sanitize=true\\\" /><p>\\n\\n<p align=\\\"center\\\"><a href=\\\"https://github.com/Tencent/omi\\\">Omi</a> 和 <a href=\\\"https://www.chartjs.org/\\\" target=\\\"_blank\\\">chart.js</a> 扩展的图表📈标签<p>\\n\\n\\n## 支持的标签\\n\\n```html\\n<m-bar></m-bar>\\n<m-line></m-line>\\n<m-scatter></m-scatter>\\n<m-pie></m-pie>\\n<m-doughnut></m-doughnut>\\n<m-radar></m-radar>\\n<m-polar-area></m-polar-area>\\n<m-bubble></m-bubble>\\n```\\n\\n## 安装\\n\\n### 通过 script\\n\\n```html\\n<script src=\\\"https://unpkg.com/omi\\\"></script>\\n<script src=\\\"https://unpkg.com/omim@latest/chart/index.js\\\"></script>\\n```\\n\\n### 通过 npm\\n\\n``` bash\\nnpm install omim\\n```\\n\\n然后:\\n\\n```js\\nimport 'omim/chart'\\n```\\n\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/41.03979e58.chunk.js","module.exports = \"# Omim Chart\\n\\n<p align=\\\"center\\\"><img src=\\\"https://github.com/Tencent/omi/raw/master/packages/omi-chart/assets/omi-chart.svg?sanitize=true\\\" /><p>\\n\\n<p align=\\\"center\\\"><a href=\\\"https://github.com/Tencent/omi\\\">Omi</a> 和 <a href=\\\"https://www.chartjs.org/\\\" target=\\\"_blank\\\">chart.js</a> 扩展的图表📈标签<p>\\n\\n\\n## 支持的标签\\n\\n```html\\n<m-bar></m-bar>\\n<m-line></m-line>\\n<m-scatter></m-scatter>\\n<m-pie></m-pie>\\n<m-doughnut></m-doughnut>\\n<m-radar></m-radar>\\n<m-polar-area></m-polar-area>\\n<m-bubble></m-bubble>\\n```\\n\\n## 安装\\n\\n### 通过 script\\n\\n```html\\n<script src=\\\"https://unpkg.com/omi\\\"></script>\\n<script src=\\\"https://unpkg.com/omim@latest/chart/index.js\\\"></script>\\n```\\n\\n### 通过 npm\\n\\n``` bash\\nnpm install omim\\n```\\n\\n然后:\\n\\n```js\\nimport 'omim/chart'\\n```\\n\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/zh-cn/introduction-chart.md\n// module id = 125\n// module chunks = 41"],"sourceRoot":""}

View File

@ -1 +0,0 @@
{"version":3,"sources":["../static/js/41.7b5b0709.chunk.js","docs/zh-cn/introduction-chart.md"],"names":["webpackJsonp","125","module","exports"],"mappings":"AAAAA,cAAc,KAERC,IACA,SAAUC,EAAQC,GCHxBD,EAAAC,QAAA","file":"static/js/41.7b5b0709.chunk.js","sourcesContent":["webpackJsonp([41],{\n\n/***/ 125:\n/***/ (function(module, exports) {\n\nmodule.exports = \"# Omim Chart\\n\\n<p align=\\\"center\\\"><img src=\\\"https://github.com/Tencent/omi/raw/master/packages/omi-chart/assets/omi-chart.svg?sanitize=true\\\" /><p>\\n\\n<p align=\\\"center\\\"><a href=\\\"https://github.com/Tencent/omi\\\">Omi</a> 和 <a href=\\\"https://www.chartjs.org/\\\" target=\\\"_blank\\\">chart.js</a> 扩展的图表📈标签<p>\\n\\n\\n## 支持的标签\\n\\n```html\\n<m-bar></m-bar>\\n<m-line></m-line>\\n<m-scatter></m-scatter>\\n<m-pie></m-pie>\\n<m-doughnut></m-doughnut>\\n<m-radar></m-radar>\\n<m-polar-area></m-polar-area>\\n<m-bubble></m-bubble>\\n```\\n\\n## 安装\\n\\n### 通过 script\\n\\n```html\\n<script src=\\\"https://unpkg.com/omi\\\"></script>\\n<script src=\\\"https://unpkg.com/@omim/core@latest/chart/index.js\\\"></script>\\n```\\n\\n### 通过 npm\\n\\n``` bash\\nnpm install @omim/core\\n```\\n\\n然后:\\n\\n```js\\nimport 'omim/chart'\\n```\\n\\n\"\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// static/js/41.7b5b0709.chunk.js","module.exports = \"# Omim Chart\\n\\n<p align=\\\"center\\\"><img src=\\\"https://github.com/Tencent/omi/raw/master/packages/omi-chart/assets/omi-chart.svg?sanitize=true\\\" /><p>\\n\\n<p align=\\\"center\\\"><a href=\\\"https://github.com/Tencent/omi\\\">Omi</a> 和 <a href=\\\"https://www.chartjs.org/\\\" target=\\\"_blank\\\">chart.js</a> 扩展的图表📈标签<p>\\n\\n\\n## 支持的标签\\n\\n```html\\n<m-bar></m-bar>\\n<m-line></m-line>\\n<m-scatter></m-scatter>\\n<m-pie></m-pie>\\n<m-doughnut></m-doughnut>\\n<m-radar></m-radar>\\n<m-polar-area></m-polar-area>\\n<m-bubble></m-bubble>\\n```\\n\\n## 安装\\n\\n### 通过 script\\n\\n```html\\n<script src=\\\"https://unpkg.com/omi\\\"></script>\\n<script src=\\\"https://unpkg.com/@omim/core@latest/chart/index.js\\\"></script>\\n```\\n\\n### 通过 npm\\n\\n``` bash\\nnpm install @omim/core\\n```\\n\\n然后:\\n\\n```js\\nimport 'omim/chart'\\n```\\n\\n\"\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/docs/zh-cn/introduction-chart.md\n// module id = 125\n// module chunks = 41"],"sourceRoot":""}

View File

@ -25,13 +25,13 @@
```html
<script src="https://unpkg.com/omi"></script>
<script src="https://unpkg.com/@omim/core@latest/chart/index.js"></script>
<script src="https://unpkg.com/omim@latest/chart/index.js"></script>
```
### Via npm
``` bash
npm install @omim/core
npm install omim
```
Then:

View File

@ -24,7 +24,7 @@ Cross-Frameworks components, powered by Material Design and [Omi](https://github
```html
<script src="https://unpkg.com/omi"></script>
<script src="https://unpkg.com/@omim/core@latest/button/index.js"></script>
<script src="https://unpkg.com/omim@latest/button/index.js"></script>
<m-button>I am button</m-button>
```
@ -32,7 +32,7 @@ Cross-Frameworks components, powered by Material Design and [Omi](https://github
### Via npm
``` bash
npm install @omim/core
npm install omim
```
Then:

View File

@ -24,13 +24,13 @@
```html
<script src="https://unpkg.com/omi"></script>
<script src="https://unpkg.com/@omim/core@latest/chart/index.js"></script>
<script src="https://unpkg.com/omim@latest/chart/index.js"></script>
```
### 通过 npm
``` bash
npm install @omim/core
npm install omim
```
然后:

View File

@ -24,7 +24,7 @@
```html
<script src="https://unpkg.com/omi"></script>
<script src="https://unpkg.com/@omim/core@latest/button/index.js"></script>
<script src="https://unpkg.com/omim@latest/button/index.js"></script>
<m-button>I am button</m-button>
```
@ -32,7 +32,7 @@
### 通过 npm
``` bash
npm install @omim/core
npm install omim
```
Then: