v0.9.4

README.md

@@ -1,6 +1,6 @@
 # Moo-CSS
 
-模块化面向对象的css写法规则策略Moo-CSS, 以及通用Base层样式库moo-css-base。[Moo-CSS文档地址>>](http://blog.michealwayne.cn/Moo-CSS/docs/), [English>>](./README_en.md)
+以样式自动化为目标，模块化面向对象的css写法规则策略Moo-CSS, 以及通用Base层样式库moo-css-base。[Moo-CSS文档地址>>](http://blog.michealwayne.cn/Moo-CSS/docs/), [English>>](./README_en.md)，[Moo-CSS生态（建设中）>>](https://github.com/MichealWayne/moo-css-plugins)
 
 <p align="center">
   <a href="http://blog.michealwayne.cn/Moo-CSS/docs/" target="_blank">
@@ -30,12 +30,27 @@ Moo-CSS
 ## guide
 ![Moo-CSS structure](http://blog.michealwayne.cn/images/notes/oocss/p-part.jpg)
 
+### moo-css-base
 - [npm moo-css-base](https://www.npmjs.com/package/moo-css-base)
 - [moo-css-base vscode插件](./moo-css-plugin.vsix)
 - [moo-css-base 检索数据](https://github.com/MichealWayne/fe-tools/blob/master/datas/moo-css.json)
 - [moo-css fe-tools](https://github.com/MichealWayne/fe-tools)
-- demo url: [移动端](http://blog.michealwayne.cn/Moo-CSS/demo/mobile/dist/mobileIndex.html),[PC端](http://blog.michealwayne.cn/Moo-CSS/demo/pc/dist/index.html)。
+- moo-css-base demo url: [移动端](http://blog.michealwayne.cn/Moo-CSS/demo/mobile/dist/mobileIndex.html),[PC端](http://blog.michealwayne.cn/Moo-CSS/demo/pc/dist/index.html)。
  移动端demo建议调成手机模式在开发者模式中查看。
+
+### moo-css-transformer(test)
+css代码/moo-css选择器的相互转换
+- [仓库地址](https://github.com/MichealWayne/moo-css-plugins/tree/master/moo-css-transformer)
+
+### moo-css-web(test)
+虚拟dom -> 符合moo-css规范的web代码
+- [仓库地址](https://github.com/MichealWayne/moo-css-plugins/tree/master/moo-css-web)
+
+### moo-css-weapp(todo)
+虚拟dom -> 符合moo-css规范的小程序代码
+
+### moo-css-sketch(todo)
+sketch -> web/weapp
 
 ----------
 

demo/pc/src/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App.jsx';
-import * as serviceWorker from './serviceWorker';
+//import * as serviceWorker from './serviceWorker';
 import {HashRouter} from 'react-router-dom';
 import './index.scss';
 
@@ -11,4 +11,4 @@ ReactDOM.render(
         <App/>
     </HashRouter>, document.getElementById('app'));
 
-serviceWorker.unregister();
+//serviceWorker.unregister();

docs/404.html

@@ -8,11 +8,11 @@
     <link rel="icon" href="/Moo-CSS/docs/logo.png">
   <link rel="apple-touch-icon" href="/Moo-CSS/docs/logo.png">
 
-    <link rel="preload" href="/Moo-CSS/docs/assets/css/0.styles.96ff2786.css" as="style"><link rel="preload" href="/Moo-CSS/docs/assets/js/app.4c478446.js" as="script"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/10.eff3fc5d.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/11.10e56509.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/12.c66d8e70.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/13.43f629d8.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/14.98bc52ba.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/15.0035bfab.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/2.6f952334.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/3.ef60c50f.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/4.6194ac4b.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/5.ccbd581a.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/6.ea2f1e6c.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/7.491a4276.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/8.d35c3762.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/9.1e03a0f1.js">
+    <link rel="preload" href="/Moo-CSS/docs/assets/css/0.styles.96ff2786.css" as="style"><link rel="preload" href="/Moo-CSS/docs/assets/js/app.48bd9f76.js" as="script"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/10.2f1b2ba3.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/11.bbd2b56d.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/12.78d27001.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/13.da9187d4.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/14.de9b7436.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/15.c287e26f.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/2.8a90cf30.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/3.a9cfca60.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/4.2fbbf434.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/5.aef08fa2.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/6.6f2a9a89.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/7.bbc94108.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/8.c961094c.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/9.d65ac9cd.js">
     <link rel="stylesheet" href="/Moo-CSS/docs/assets/css/0.styles.96ff2786.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><div class="content"><h1>404</h1> <blockquote>Looks like we've got some broken links.</blockquote> <a href="/Moo-CSS/docs/" class="router-link-active">Take me home.</a></div></div></div>
-    <script src="/Moo-CSS/docs/assets/js/app.4c478446.js" defer></script>
+    <script src="/Moo-CSS/docs/assets/js/app.48bd9f76.js" defer></script>
   </body>
 </html>

docs/OO/index.html

@@ -8,15 +8,15 @@
     <link rel="icon" href="/Moo-CSS/docs/logo.png">
   <link rel="apple-touch-icon" href="/Moo-CSS/docs/logo.png">
 
-    <link rel="preload" href="/Moo-CSS/docs/assets/css/0.styles.96ff2786.css" as="style"><link rel="preload" href="/Moo-CSS/docs/assets/js/app.4c478446.js" as="script"><link rel="preload" href="/Moo-CSS/docs/assets/js/9.1e03a0f1.js" as="script"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/10.eff3fc5d.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/11.10e56509.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/12.c66d8e70.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/13.43f629d8.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/14.98bc52ba.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/15.0035bfab.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/2.6f952334.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/3.ef60c50f.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/4.6194ac4b.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/5.ccbd581a.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/6.ea2f1e6c.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/7.491a4276.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/8.d35c3762.js">
+    <link rel="preload" href="/Moo-CSS/docs/assets/css/0.styles.96ff2786.css" as="style"><link rel="preload" href="/Moo-CSS/docs/assets/js/app.48bd9f76.js" as="script"><link rel="preload" href="/Moo-CSS/docs/assets/js/9.d65ac9cd.js" as="script"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/10.2f1b2ba3.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/11.bbd2b56d.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/12.78d27001.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/13.da9187d4.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/14.de9b7436.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/15.c287e26f.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/2.8a90cf30.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/3.a9cfca60.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/4.2fbbf434.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/5.aef08fa2.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/6.6f2a9a89.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/7.bbc94108.js"><link rel="prefetch" href="/Moo-CSS/docs/assets/js/8.c961094c.js">
     <link rel="stylesheet" href="/Moo-CSS/docs/assets/css/0.styles.96ff2786.css">
   </head>
   <body>
     <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/Moo-CSS/docs/" class="home-link router-link-active"><!----> <span class="site-name">Moo-CSS</span></a> <div class="links" style="max-width:nullpx;"><div class="search-box"><input aria-label="Search" autocomplete="off" spellcheck="false" value=""> <!----></div> <nav class="nav-links can-hide"><div class="nav-item"><a href="/Moo-CSS/docs/" class="nav-link">主页</a></div><div class="nav-item"><a href="/Moo-CSS/docs/moocss/" class="nav-link">Moo-css</a></div><div class="nav-item"><a href="/Moo-CSS/docs/nameDictionary/" class="nav-link">词典</a></div><div class="nav-item"><a href="https://github.com/MichealWayne/Moo-css" target="_blank" rel="noopener noreferrer" class="nav-link external">
   Github
   <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <div class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/Moo-CSS/docs/" class="nav-link">主页</a></div><div class="nav-item"><a href="/Moo-CSS/docs/moocss/" class="nav-link">Moo-css</a></div><div class="nav-item"><a href="/Moo-CSS/docs/nameDictionary/" class="nav-link">词典</a></div><div class="nav-item"><a href="https://github.com/MichealWayne/Moo-css" target="_blank" rel="noopener noreferrer" class="nav-link external">
   Github
-  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav>  <ul class="sidebar-links"><li><div class="sidebar-group first collapsable"><p class="sidebar-heading open"><span></span> <span class="arrow down"></span></p> <ul class="sidebar-group-items"><li><a href="/Moo-CSS/docs/" class="sidebar-link">引导</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/Moo-CSS/docs/saulte/" class="sidebar-link">致敬</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/saulte/#oo-css" class="sidebar-link">OO-CSS</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/saulte/#m-css" class="sidebar-link">M-CSS</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/saulte/#css-modules" class="sidebar-link">CSS modules</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/saulte/#css-in-js" class="sidebar-link">CSS in JS</a></li></ul></li><li><a href="/Moo-CSS/docs/moocss/" class="sidebar-link">概念：Moo</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/moocss/#m模块" class="sidebar-link">M模块</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/moocss/#oo面向对象" class="sidebar-link">OO面向对象</a></li></ul></li><li><a href="/Moo-CSS/docs/baseLayer/" class="sidebar-link">核心：Base层</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/baseLayer/#权重计算参考公式" class="sidebar-link">权重计算参考公式</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/baseLayer/#moo-css-base" class="sidebar-link">moo-css-base</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/baseLayer/#demo及说明" class="sidebar-link">demo及说明</a></li></ul></li><li><a href="/Moo-CSS/docs/nameRule/" class="sidebar-link">规则：命名</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/nameRule/#基本规则" class="sidebar-link">基本规则</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/nameRule/#module命名规则" class="sidebar-link">Module命名规则</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/nameRule/#样式属性及classname书写顺序" class="sidebar-link">样式属性及className书写顺序</a></li></ul></li><li><a href="/Moo-CSS/docs/nameDictionary/" class="sidebar-link">帮助：词典</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/nameDictionary/#module命名词典" class="sidebar-link">Module命名词典</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/nameDictionary/#样式属性命名" class="sidebar-link">样式属性命名</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/nameDictionary/#样式模块词典" class="sidebar-link">样式模块词典</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/nameDictionary/#moo-css-base词典" class="sidebar-link">moo-css-base词典</a></li></ul></li><li><a href="/Moo-CSS/docs/other/" class="sidebar-link">其他</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/other/#常见问题" class="sidebar-link">常见问题</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/other/#反馈" class="sidebar-link">反馈</a></li></ul></li></ul></div></li></ul> </div> <div class="page"> <div class="content"><h1 id="object-oriented"><a href="#object-oriented" aria-hidden="true" class="header-anchor">#</a> Object-Oriented</h1> <p>Moo-CSS中的OO，面向对象。Moo-CSS的面向对象主要体现在<a href="/Moo-CSS/docs/M/">Module各层级</a>的面向对象。</p></div> <div class="page-edit"><!----> <!----></div> <!----> </div> <!----></div></div>
-    <script src="/Moo-CSS/docs/assets/js/app.4c478446.js" defer></script><script src="/Moo-CSS/docs/assets/js/9.1e03a0f1.js" defer></script>
+  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav>  <ul class="sidebar-links"><li><div class="sidebar-group first collapsable"><p class="sidebar-heading open"><span></span> <span class="arrow down"></span></p> <ul class="sidebar-group-items"><li><a href="/Moo-CSS/docs/" class="sidebar-link">引导</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/Moo-CSS/docs/saulte/" class="sidebar-link">致敬</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/saulte/#oo-css" class="sidebar-link">OO-CSS</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/saulte/#m-css" class="sidebar-link">M-CSS</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/saulte/#css-modules" class="sidebar-link">CSS modules</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/saulte/#css-in-js" class="sidebar-link">CSS in JS</a></li></ul></li><li><a href="/Moo-CSS/docs/moocss/" class="sidebar-link">概念：Moo</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/moocss/#m模块" class="sidebar-link">M模块</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/moocss/#oo面向对象" class="sidebar-link">OO面向对象</a></li></ul></li><li><a href="/Moo-CSS/docs/baseLayer/" class="sidebar-link">核心：Base层</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/baseLayer/#权重计算参考公式" class="sidebar-link">权重计算参考公式</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/baseLayer/#moo-css-base" class="sidebar-link">moo-css-base</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/baseLayer/#demo及说明" class="sidebar-link">demo及说明</a></li></ul></li><li><a href="/Moo-CSS/docs/nameRule/" class="sidebar-link">规则：命名</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/nameRule/#基本规则" class="sidebar-link">基本规则</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/nameRule/#module命名规则" class="sidebar-link">Module命名规则</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/nameRule/#样式属性及classname书写顺序" class="sidebar-link">样式属性及className书写顺序</a></li></ul></li><li><a href="/Moo-CSS/docs/nameDictionary/" class="sidebar-link">帮助：词典</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/nameDictionary/#module命名词典" class="sidebar-link">Module命名词典</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/nameDictionary/#样式属性命名" class="sidebar-link">样式属性命名</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/nameDictionary/#样式模块词典" class="sidebar-link">样式模块词典</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/nameDictionary/#moo-css-base词典" class="sidebar-link">moo-css-base词典</a></li></ul></li><li><a href="/Moo-CSS/docs/other/" class="sidebar-link">其他</a><ul class="sidebar-sub-headers"><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/other/#生态及展望" class="sidebar-link">生态及展望</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/other/#常见问题" class="sidebar-link">常见问题</a></li><li class="sidebar-sub-header"><a href="/Moo-CSS/docs/other/#反馈" class="sidebar-link">反馈</a></li></ul></li></ul></div></li></ul> </div> <div class="page"> <div class="content"><h1 id="object-oriented"><a href="#object-oriented" aria-hidden="true" class="header-anchor">#</a> Object-Oriented</h1> <p>Moo-CSS中的OO，面向对象。Moo-CSS的面向对象主要体现在<a href="/Moo-CSS/docs/M/">Module各层级</a>的面向对象。</p></div> <div class="page-edit"><!----> <!----></div> <!----> </div> <!----></div></div>
+    <script src="/Moo-CSS/docs/assets/js/app.48bd9f76.js" defer></script><script src="/Moo-CSS/docs/assets/js/9.d65ac9cd.js" defer></script>
   </body>
 </html>