@varlet/cli 1.22.3 → 1.22.4

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.22.4](https://github.com/haoziqaq/varlet/compare/v1.22.3...v1.22.4) (2021-10-14)
+
+
+### Bug Fixes
+
+* **ui/app-bar:** fix app-bar style ([9da67b6](https://github.com/haoziqaq/varlet/commit/9da67b6fa0e07a644cba6118f4a90cb8293df8be))
+
+
+
+
+
 ## [1.22.3](https://github.com/haoziqaq/varlet/compare/v1.22.2...v1.22.3) (2021-10-10)
 
 

package/generators/sfc/.varlet/mobile.routes.ts

@@ -0,0 +1,6 @@
+export default [  
+  {
+    path: '/button',
+    component: () => import('/Users/qihao/varlet/packages/varlet-cli/generators/sfc/src/button/example/index.vue')
+  }
+]

package/generators/sfc/.varlet/pc.routes.ts

@@ -0,0 +1,12 @@
+export default [  
+  {
+    path: '/zh-CN/button',
+    // @ts-ignore
+    component: () => import('/Users/qihao/varlet/packages/varlet-cli/generators/sfc/src/button/docs/zh-CN.md')
+  },
+  {
+    path: '/zh-CN/home',
+    // @ts-ignore
+    component: () => import('/Users/qihao/varlet/packages/varlet-cli/generators/sfc/docs/home.zh-CN.md')
+  }
+]

package/generators/sfc/.varlet/site.config.json

@@ -0,0 +1,80 @@
+{
+  "name": "Basic",
+  "namespace": "b",
+  "host": "localhost",
+  "port": 8080,
+  "title": "Basic UI",
+  "logo": "./logo.svg",
+  "defaultLanguage": "zh-CN",
+  "highlight": {
+    "style": "./highlight.css"
+  },
+  "analysis": {
+    "baidu": ""
+  },
+  "useMobile": true,
+  "pc": {
+    "menu": [
+      {
+        "text": {
+          "zh-CN": "开发指南"
+        },
+        "type": 1
+      },
+      {
+        "text": {
+          "zh-CN": "基本介绍"
+        },
+        "doc": "home",
+        "type": 3
+      },
+      {
+        "text": {
+          "zh-CN": "基础组件"
+        },
+        "type": 1
+      },
+      {
+        "text": {
+          "zh-CN": "Button 按钮"
+        },
+        "doc": "button",
+        "type": 2
+      }
+    ],
+    "redirect": "/home",
+    "title": {
+      "zh-CN": "一个组件库",
+      "en-US": "Material design mobile components built for Vue3"
+    },
+    "header": {
+      "i18n": null,
+      "github": "https://github.com/haoziqaq/varlet"
+    }
+  },
+  "mobile": {
+    "redirect": "/home",
+    "title": {
+      "zh-CN": "一个组件库",
+      "en-US": "Material design mobile components built for Vue3"
+    },
+    "header": {
+      "i18n": null
+    }
+  },
+  "themes": {
+    "color-primary": "#009688",
+    "color-link": "#009688",
+    "color-type": "#009688",
+    "color-progress": "#009688",
+    "color-pc-language-active": "#3a7afe",
+    "color-pc-language-active-background": "#edf5ff",
+    "color-side-bar": "#009688",
+    "color-side-bar-active-background": "#00968821",
+    "color-app-bar": "#009688",
+    "color-mobile-cell-hover": "#009688",
+    "color-mobile-cell-hover-background": "#00968821",
+    "color-mobile-language-active": "#3a7afe",
+    "color-mobile-language-active-background": "#edf5ff"
+  }
+}

package/generators/sfc/es/button/Button.js

@@ -0,0 +1,36 @@
+import { defineComponent } from 'vue';
+import { renderSlot as _renderSlot, openBlock as _openBlock, createBlock as _createBlock, withScopeId as _withScopeId } from "vue";
+
+var _withId = /*#__PURE__*/_withScopeId("");
+
+export var render = /*#__PURE__*/_withId((_ctx, _cache) => {
+  return _openBlock(), _createBlock("button", {
+    class: "basic-button",
+    style: {
+      background: _ctx.color
+    }
+  }, [_renderSlot(_ctx.$slots, "default")], 4
+  /* STYLE */
+  );
+});
+export default defineComponent({
+  render,
+  name: 'BButton',
+  props: {
+    color: {
+      type: String
+    },
+    onClick: {
+      type: Function
+    }
+  },
+
+  setup(props) {
+    var handleClick = e => props.onClick == null ? void 0 : props.onClick(e);
+
+    return {
+      handleClick
+    };
+  }
+
+});

package/generators/sfc/es/button/button.css

@@ -0,0 +1 @@
+.basic-button { display: flex; padding: 10px; background: #009688; color: #fff; outline: none; border: none; border-radius: 2px; cursor: pointer;}.basic-button:active { opacity: 0.9;}

package/generators/sfc/es/button/button.less

@@ -0,0 +1,14 @@
+.basic-button {
+  display: flex;
+  padding: 10px;
+  background: #009688;
+  color: #fff;
+  outline: none;
+  border: none;
+  border-radius: 2px;
+  cursor: pointer;
+
+  &:active {
+    opacity: 0.9
+  }
+}

package/generators/sfc/es/button/index.js

@@ -0,0 +1,8 @@
+import SfcButton from './Button.js'
+
+SfcButton.install = function (app) {
+  app.component(SfcButton.name, SfcButton);
+};
+
+export var _SfcButtonComponent = SfcButton;
+export default SfcButton;

package/generators/sfc/es/button/style/index.js

@@ -0,0 +1,2 @@
+import '../button.css'
+import '../ButtonSfc.css'

package/generators/sfc/es/button/style/less.js

@@ -0,0 +1,2 @@
+import '../button.less'
+import '../ButtonSfc.less'

package/generators/sfc/es/index.js

@@ -0,0 +1,18 @@
+import Button, * as ButtonModule from './button'
+
+export const _ButtonComponent = ButtonModule._ButtonComponent || {}
+
+
+function install(app) {
+  Button.install && app.use(Button)
+}
+
+export {
+  install,
+  Button
+}
+
+export default {
+  install,
+  Button
+}

package/generators/sfc/es/less.js

@@ -0,0 +1 @@
+import './button/style/less'

package/generators/sfc/es/style.js

@@ -0,0 +1 @@
+import './button/style'

package/generators/sfc/es/umdIndex.js

@@ -0,0 +1,18 @@
+import Button, * as ButtonModule from './button'
+
+import './button/style'
+
+
+function install(app) {
+  Button.install && app.use(Button)
+}
+
+export {
+  install,
+  Button
+}
+
+export default {
+  install,
+  Button
+}

package/generators/sfc/highlight/attributes.json

@@ -0,0 +1,6 @@
+{
+  "b-button/color": {
+    "type": "string",
+    "description": "按钮颜色 默认值：default"
+  }
+}

package/generators/sfc/highlight/tags.json

@@ -0,0 +1,7 @@
+{
+  "b-button": {
+    "attributes": [
+      "color"
+    ]
+  }
+}

package/generators/sfc/highlight/web-types.json

@@ -0,0 +1,39 @@
+{
+  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
+  "framework": "vue",
+  "version": "1.0.0",
+  "name": "Basic UI",
+  "contributions": {
+    "html": {
+      "tags": [
+        {
+          "name": "b-button",
+          "attributes": [
+            {
+              "name": "color",
+              "description": "按钮颜色",
+              "default": "default",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "description": "点击按钮时触发"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "按钮内容"
+            }
+          ]
+        }
+      ],
+      "types-syntax": "typescript"
+    }
+  }
+}

package/generators/sfc/umd/basic.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("Basic",["vue"],t):"object"==typeof exports?exports.Basic=t(require("vue")):e.Basic=t(e.Vue)}(self,(function(e){return(()=>{"use strict";var t={583:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(645),o=n.n(r)()((function(e){return e[1]}));o.push([e.id,"",""]);const i=o},804:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(645),o=n.n(r)()((function(e){return e[1]}));o.push([e.id,".basic-button { display: flex; padding: 10px; background: #009688; color: #fff; outline: none; border: none; border-radius: 2px; cursor: pointer;}.basic-button:active { opacity: 0.9;}",""]);const i=o},645:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=e(t);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var c=0;c<e.length;c++){var s=[].concat(e[c]);r&&o[s[0]]||(n&&(s[2]?s[2]="".concat(n," and ").concat(s[2]):s[2]=n),t.push(s))}},t}},379:(e,t,n)=>{var r,o=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),i=[];function a(e){for(var t=-1,n=0;n<i.length;n++)if(i[n].identifier===e){t=n;break}return t}function c(e,t){for(var n={},r=[],o=0;o<e.length;o++){var c=e[o],s=t.base?c[0]+t.base:c[0],u=n[s]||0,l="".concat(s," ").concat(u);n[s]=u+1;var d=a(l),f={css:c[1],media:c[2],sourceMap:c[3]};-1!==d?(i[d].references++,i[d].updater(f)):i.push({identifier:l,updater:b(f,t),references:1}),r.push(l)}return r}function s(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var i=n.nc;i&&(r.nonce=i)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var a=o(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var u,l=(u=[],function(e,t){return u[e]=t,u.filter(Boolean).join("\n")});function d(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=l(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function f(e,t,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var p=null,v=0;function b(e,t){var n,r,o;if(t.singleton){var i=v++;n=p||(p=s(t)),r=d.bind(null,n,i,!1),o=d.bind(null,n,i,!0)}else n=s(t),r=f.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=(void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r));var n=c(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=a(n[r]);i[o].references--}for(var s=c(e,t),u=0;u<n.length;u++){var l=a(n[u]);0===i[l].references&&(i[l].updater(),i.splice(l,1))}n=s}}}},895:t=>{t.exports=e}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var i=n[e]={id:e,exports:{}};return t[e](i,i.exports,r),i.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{r.r(o),r.d(o,{Button:()=>i,default:()=>d,install:()=>l});var e=r(895),t=(0,e.withScopeId)("")(((t,n)=>((0,e.openBlock)(),(0,e.createBlock)("button",{class:"basic-button",style:{background:t.color}},[(0,e.renderSlot)(t.$slots,"default")],4))));const n=(0,e.defineComponent)({render:t,name:"BButton",props:{color:{type:String},onClick:{type:Function}},setup:e=>({handleClick:t=>null==e.onClick?void 0:e.onClick(t)})});n.install=function(e){e.component(n.name,n)};const i=n;var a=r(379),c=r.n(a),s=r(804);c()(s.Z,{insert:"head",singleton:!1}),s.Z.locals;var u=r(583);function l(e){i.install&&e.use(i)}c()(u.Z,{insert:"head",singleton:!1}),u.Z.locals;const d={install:l,Button:i}})(),o})()}));

package/generators/tsx/.idea/.gitignore

@@ -0,0 +1,5 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/

package/generators/tsx/.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,7 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
+    <inspection_tool class="Stylelint" enabled="true" level="ERROR" enabled_by_default="true" />
+  </profile>
+</component>

package/generators/tsx/.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/tsx.iml" filepath="$PROJECT_DIR$/.idea/tsx.iml" />
+    </modules>
+  </component>
+</project>

package/generators/tsx/.idea/tsx.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

package/generators/tsx/.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$/../../../.." vcs="Git" />
+  </component>
+</project>

package/generators/tsx/.idea/workspace.xml

@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ChangeListManager">
+    <list default="true" id="1ed9d454-cc19-4261-bbea-0d96bba7ab43" name="Changes" comment="">
+      <change beforePath="$PROJECT_DIR$/../sfc/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/../sfc/package.json" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/../sfc/yarn.lock" beforeDir="false" afterPath="$PROJECT_DIR$/../sfc/yarn.lock" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/package.json" beforeDir="false" afterPath="$PROJECT_DIR$/package.json" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/src/button/Button.tsx" beforeDir="false" afterPath="$PROJECT_DIR$/src/button/Button.tsx" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/yarn.lock" beforeDir="false" afterPath="$PROJECT_DIR$/yarn.lock" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/../../tsconfig.json" beforeDir="false" afterPath="$PROJECT_DIR$/../../tsconfig.json" afterDir="false" />
+    </list>
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="Git.Settings">
+    <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$/../../../.." />
+  </component>
+  <component name="ProjectId" id="1xuKCYRmyD1HrODBFDOoBe2gDQr" />
+  <component name="ProjectLevelVcsManager" settingsEditedManually="true" />
+  <component name="ProjectViewState">
+    <option name="hideEmptyMiddlePackages" value="true" />
+    <option name="showLibraryContents" value="true" />
+  </component>
+  <component name="PropertiesComponent">
+    <property name="RunOnceActivity.OpenProjectViewOnStart" value="true" />
+    <property name="RunOnceActivity.ShowReadmeOnStart" value="true" />
+    <property name="WebServerToolWindowFactoryState" value="true" />
+    <property name="node.js.detected.package.eslint" value="true" />
+    <property name="node.js.detected.package.stylelint" value="true" />
+    <property name="node.js.selected.package.eslint" value="(autodetect)" />
+    <property name="node.js.selected.package.stylelint" value="$PROJECT_DIR$/node_modules/stylelint" />
+    <property name="nodejs_package_manager_path" value="yarn" />
+    <property name="settings.editor.selected.configurable" value="AtomConfig" />
+    <property name="ts.external.directory.path" value="$APPLICATION_HOME_DIR$/plugins/JavaScriptLanguage/jsLanguageServicesImpl/external" />
+    <property name="vue.rearranger.settings.migration" value="true" />
+  </component>
+  <component name="SpellCheckerSettings" RuntimeDictionaries="0" Folders="0" CustomDictionaries="0" DefaultDictionary="application-level" UseSingleDictionary="true" transferred="true" />
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="1ed9d454-cc19-4261-bbea-0d96bba7ab43" name="Changes" comment="" />
+      <created>1631199405551</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1631199405551</updated>
+      <workItem from="1631199406816" duration="70000" />
+    </task>
+    <servers />
+  </component>
+  <component name="TypeScriptGeneratedFilesManager">
+    <option name="version" value="3" />
+  </component>
+</project>

package/generators/tsx/.varlet/mobile.routes.ts

@@ -0,0 +1,6 @@
+export default [  
+  {
+    path: '/button',
+    component: () => import('/Users/qihao/varlet/packages/varlet-cli/generators/tsx/src/button/example/index.vue')
+  }
+]

package/generators/tsx/.varlet/pc.routes.ts

@@ -0,0 +1,12 @@
+export default [  
+  {
+    path: '/zh-CN/button',
+    // @ts-ignore
+    component: () => import('/Users/qihao/varlet/packages/varlet-cli/generators/tsx/src/button/docs/zh-CN.md')
+  },
+  {
+    path: '/zh-CN/home',
+    // @ts-ignore
+    component: () => import('/Users/qihao/varlet/packages/varlet-cli/generators/tsx/docs/home.zh-CN.md')
+  }
+]

package/generators/tsx/.varlet/site.config.json

@@ -0,0 +1,80 @@
+{
+  "name": "Basic",
+  "namespace": "b",
+  "host": "localhost",
+  "port": 8080,
+  "title": "Basic UI",
+  "logo": "./logo.svg",
+  "defaultLanguage": "zh-CN",
+  "highlight": {
+    "style": "./highlight.css"
+  },
+  "analysis": {
+    "baidu": ""
+  },
+  "useMobile": true,
+  "pc": {
+    "menu": [
+      {
+        "text": {
+          "zh-CN": "开发指南"
+        },
+        "type": 1
+      },
+      {
+        "text": {
+          "zh-CN": "基本介绍"
+        },
+        "doc": "home",
+        "type": 3
+      },
+      {
+        "text": {
+          "zh-CN": "基础组件"
+        },
+        "type": 1
+      },
+      {
+        "text": {
+          "zh-CN": "Button 按钮"
+        },
+        "doc": "button",
+        "type": 2
+      }
+    ],
+    "redirect": "/home",
+    "title": {
+      "zh-CN": "一个组件库",
+      "en-US": "Material design mobile components built for Vue3"
+    },
+    "header": {
+      "i18n": null,
+      "github": "https://github.com/haoziqaq/varlet"
+    }
+  },
+  "mobile": {
+    "redirect": "/home",
+    "title": {
+      "zh-CN": "一个组件库",
+      "en-US": "Material design mobile components built for Vue3"
+    },
+    "header": {
+      "i18n": null
+    }
+  },
+  "themes": {
+    "color-primary": "#009688",
+    "color-link": "#009688",
+    "color-type": "#009688",
+    "color-progress": "#009688",
+    "color-pc-language-active": "#3a7afe",
+    "color-pc-language-active-background": "#edf5ff",
+    "color-side-bar": "#009688",
+    "color-side-bar-active-background": "#00968821",
+    "color-app-bar": "#009688",
+    "color-mobile-cell-hover": "#009688",
+    "color-mobile-cell-hover-background": "#00968821",
+    "color-mobile-language-active": "#3a7afe",
+    "color-mobile-language-active-background": "#edf5ff"
+  }
+}

package/generators/tsx/es/button/Button.js

@@ -0,0 +1,34 @@
+import { createVNode as _createVNode, Fragment as _Fragment } from "vue";
+import { defineComponent } from 'vue';
+
+export default defineComponent({
+  name: 'BButton',
+  props: {
+    color: {
+      type: String
+    },
+    onClick: {
+      type: Function
+    }
+  },
+
+  setup(props, {
+    slots
+  }) {
+    var handleClick = e => props.onClick == null ? void 0 : props.onClick(e);
+
+    return () => {
+      var {
+        color
+      } = props;
+      return _createVNode(_Fragment, null, [_createVNode("button", {
+        "class": "basic-button",
+        "style": {
+          background: color
+        },
+        "onClick": handleClick
+      }, [slots.default == null ? void 0 : slots.default()])]);
+    };
+  }
+
+});

package/generators/tsx/es/button/button.css

@@ -0,0 +1 @@
+.basic-button { display: flex; padding: 10px; background: #009688; color: #fff; outline: none; border: none; border-radius: 2px; cursor: pointer;}.basic-button:active { opacity: 0.9;}

package/generators/tsx/es/button/button.less

@@ -0,0 +1,14 @@
+.basic-button {
+  display: flex;
+  padding: 10px;
+  background: #009688;
+  color: #fff;
+  outline: none;
+  border: none;
+  border-radius: 2px;
+  cursor: pointer;
+
+  &:active {
+    opacity: 0.9
+  }
+}

package/generators/tsx/es/button/index.js

@@ -0,0 +1,9 @@
+// import type { App } from 'vue'
+import Button from './Button';
+
+Button.install = function (app) {
+  app.component(Button.name, Button);
+};
+
+export var _ButtonComponent = Button;
+export default Button;

package/generators/tsx/es/button/style/index.js

@@ -0,0 +1 @@
+import '../button.css'

package/generators/tsx/es/button/style/less.js

@@ -0,0 +1 @@
+import '../button.less'

package/generators/tsx/es/index.js

@@ -0,0 +1,18 @@
+import Button, * as ButtonModule from './button'
+
+export const _ButtonComponent = ButtonModule._ButtonComponent || {}
+
+
+function install(app) {
+  Button.install && app.use(Button)
+}
+
+export {
+  install,
+  Button
+}
+
+export default {
+  install,
+  Button
+}

package/generators/tsx/es/less.js

@@ -0,0 +1 @@
+import './button/style/less'

package/generators/tsx/es/style.js

@@ -0,0 +1 @@
+import './button/style'

package/generators/tsx/es/umdIndex.js

@@ -0,0 +1,18 @@
+import Button, * as ButtonModule from './button'
+
+import './button/style'
+
+
+function install(app) {
+  Button.install && app.use(Button)
+}
+
+export {
+  install,
+  Button
+}
+
+export default {
+  install,
+  Button
+}

package/generators/tsx/highlight/attributes.json

@@ -0,0 +1,6 @@
+{
+  "b-button/color": {
+    "type": "string",
+    "description": "按钮颜色 默认值：default"
+  }
+}

package/generators/tsx/highlight/tags.json

@@ -0,0 +1,7 @@
+{
+  "b-button": {
+    "attributes": [
+      "color"
+    ]
+  }
+}

package/generators/tsx/highlight/web-types.json

@@ -0,0 +1,39 @@
+{
+  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
+  "framework": "vue",
+  "version": "1.0.0",
+  "name": "Basic UI",
+  "contributions": {
+    "html": {
+      "tags": [
+        {
+          "name": "b-button",
+          "attributes": [
+            {
+              "name": "color",
+              "description": "按钮颜色",
+              "default": "default",
+              "value": {
+                "type": "string",
+                "kind": "expression"
+              }
+            }
+          ],
+          "events": [
+            {
+              "name": "click",
+              "description": "点击按钮时触发"
+            }
+          ],
+          "slots": [
+            {
+              "name": "default",
+              "description": "按钮内容"
+            }
+          ]
+        }
+      ],
+      "types-syntax": "typescript"
+    }
+  }
+}

package/generators/tsx/umd/basic.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define("Basic",["vue"],t):"object"==typeof exports?exports.Basic=t(require("vue")):e.Basic=t(e.Vue)}(self,(function(e){return(()=>{"use strict";var t={804:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(645),o=n.n(r)()((function(e){return e[1]}));o.push([e.id,".basic-button { display: flex; padding: 10px; background: #009688; color: #fff; outline: none; border: none; border-radius: 2px; cursor: pointer;}.basic-button:active { opacity: 0.9;}",""]);const i=o},645:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=e(t);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var c=0;c<e.length;c++){var u=[].concat(e[c]);r&&o[u[0]]||(n&&(u[2]?u[2]="".concat(n," and ").concat(u[2]):u[2]=n),t.push(u))}},t}},379:(e,t,n)=>{var r,o=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),i=[];function a(e){for(var t=-1,n=0;n<i.length;n++)if(i[n].identifier===e){t=n;break}return t}function c(e,t){for(var n={},r=[],o=0;o<e.length;o++){var c=e[o],u=t.base?c[0]+t.base:c[0],s=n[u]||0,l="".concat(u," ").concat(s);n[u]=s+1;var d=a(l),f={css:c[1],media:c[2],sourceMap:c[3]};-1!==d?(i[d].references++,i[d].updater(f)):i.push({identifier:l,updater:b(f,t),references:1}),r.push(l)}return r}function u(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var i=n.nc;i&&(r.nonce=i)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var a=o(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var s,l=(s=[],function(e,t){return s[e]=t,s.filter(Boolean).join("\n")});function d(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=l(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function f(e,t,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var p=null,v=0;function b(e,t){var n,r,o;if(t.singleton){var i=v++;n=p||(p=u(t)),r=d.bind(null,n,i,!1),o=d.bind(null,n,i,!0)}else n=u(t),r=f.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=(void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r));var n=c(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=a(n[r]);i[o].references--}for(var u=c(e,t),s=0;s<n.length;s++){var l=a(n[s]);0===i[l].references&&(i[l].updater(),i.splice(l,1))}n=u}}}},895:t=>{t.exports=e}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var i=n[e]={id:e,exports:{}};return t[e](i,i.exports,r),i.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{r.r(o),r.d(o,{Button:()=>n,default:()=>s,install:()=>u});var e=r(895);const t=(0,e.defineComponent)({name:"BButton",props:{color:{type:String},onClick:{type:Function}},setup(t,{slots:n}){var r=e=>null==t.onClick?void 0:t.onClick(e);return()=>{var{color:o}=t;return(0,e.createVNode)(e.Fragment,null,[(0,e.createVNode)("button",{class:"basic-button",style:{background:o},onClick:r},[null==n.default?void 0:n.default()])])}}});t.install=function(e){e.component(t.name,t)};const n=t;var i=r(379),a=r.n(i),c=r(804);function u(e){n.install&&e.use(n)}a()(c.Z,{insert:"head",singleton:!1}),c.Z.locals;const s={install:u,Button:n}})(),o})()}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/cli",
-  "version": "1.22.3",
+  "version": "1.22.4",
   "description": "cli of varlet",
   "bin": {
     "varlet-cli": "./lib/index.js"
@@ -31,7 +31,7 @@
     "dev": "tsc --watch",
     "build": "tsc"
   },
-  "gitHead": "73fcb83a6d6fa18d7a3f72551a03f4fffe6885f7",
+  "gitHead": "ee9c3866bedad96c86365b0f9888a3a6bb781b1f",
   "dependencies": {
     "@babel/core": "^7.14.8",
     "@babel/preset-env": "^7.14.8",

package/site/components/app-bar/AppBar.vue

@@ -7,22 +7,29 @@
       color: textColor,
     }"
   >
-    <div class="var-site-app-bar__left" v-if="$slots.left">
+    <div class="var-site-app-bar__left">
       <slot name="left" />
+      <div
+        class="var-site-app-bar__title"
+        :style="{ paddingLeft: $slots.left ? 0 : undefined }"
+        v-if="titlePosition === 'left'"
+      >
+        <slot>{{ title }}</slot>
+      </div>
     </div>
 
-    <div
-      class="var-site-app-bar__title"
-      :class="`var-site-app-bar__title-${titlePosition}`"
-      :style="{
-        paddingLeft: $slots.left && titlePosition !== 'center' ? '30px' : '10px',
-        paddingRight: $slots.right && titlePosition !== 'center' ? '30px' : '10px',
-      }"
-    >
+    <div class="var-site-app-bar__title" v-if="titlePosition === 'center'">
       <slot>{{ title }}</slot>
     </div>
 
-    <div class="var-site-app-bar__right" v-if="$slots.right">
+    <div class="var-site-app-bar__right">
+      <div
+        class="var-site-app-bar__title"
+        :style="{ paddingRight: $slots.right ? 0 : undefined }"
+        v-if="titlePosition === 'right'"
+      >
+        <slot>{{ title }}</slot>
+      </div>
       <slot name="right" />
     </div>
   </div>

package/site/components/app-bar/appBar.less

@@ -1,15 +1,17 @@
 @site-app-bar-color: var(--site-color-primary);
+@site-app-bar-height: 54px;
 @site-app-bar-text-color: #fff;
-@site-app-bar-height: 50px;
-@site-app-bar-padding: 0 10px;
-@site-app-bar-title-line-height: 50px;
+@site-app-bar-title-padding: 0 12px;
+@site-app-bar-left-gap: 6px;
+@site-app-bar-right-gap: 6px;
 
 :root {
   --site-app-bar-color: @site-app-bar-color;
+  --site-app-bar-title-padding: @site-app-bar-title-padding;
   --site-app-bar-text-color: #fff;
   --site-app-bar-height: @site-app-bar-height;
-  --site-app-bar-padding: @site-app-bar-padding;
-  --site-app-bar-title-line-height: @site-app-bar-title-line-height;
+  --site-app-bar-left-gap: @site-app-bar-left-gap;
+  --site-app-bar-right-gap: @site-app-bar-right-gap;
 }
 
 .var-site-app-bar {
@@ -18,35 +20,22 @@
   justify-content: center;
   align-items: center;
   height: var(--site-app-bar-height);
-  padding: var(--site-app-bar-padding);
   background: var(--site-app-bar-color);
   color: var(--site-app-bar-text-color);
 
   &__title {
     flex: 1;
+    display: flex;
+    justify-content: center;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
-    line-height: var(--site-app-bar-title-line-height);
-    display: flex;
-  }
-
-  &__title-center {
-    justify-content: center;
-  }
-
-  &__title-left {
-    justify-content: flex-start;
-  }
-
-  &__title-right {
-    justify-content: flex-end;
+    padding: var(--site-app-bar-title-padding);
   }
 
   &__left,
   &__right {
     display: flex;
-    justify-content: flex-start;
     align-items: center;
     height: 100%;
     z-index: 2;
@@ -55,12 +44,12 @@
   &__left {
     position: absolute;
     top: 0;
-    left: 0;
+    left: var(--site-app-bar-left-gap);
   }
 
   &__right {
     position: absolute;
     top: 0;
-    right: 0;
+    right: var(--site-app-bar-right-gap);
   }
 }

package/site/mobile/App.vue

@@ -7,18 +7,31 @@
         title-position="center"
       >
         <template #left v-if="showBackIcon">
-          <var-site-button round @click="back" color="transparent" text-color="#fff" text>
-            <var-site-icon name="chevron-left" :size="28" />
+          <var-site-button
+            text
+            round
+            @click="back"
+            color="transparent"
+            text-color="#fff"
+          >
+            <var-site-icon name="chevron-left" :size="28" style="margin-top: 1px;" />
           </var-site-button>
         </template>
         <template #right>
           <var-site-menu
             style="background: transparent"
+            :offset-x="1"
             :offset-y="38"
             v-model:show="showMenu"
             v-if="languages"
           >
-            <var-site-button text color="transparent" text-color="#fff" @click="showMenu = true">
+            <var-site-button
+              style="padding-right: 6px"
+              text
+              color="transparent"
+              text-color="#fff"
+              @click="showMenu = true"
+            >
               <var-site-icon name="translate" :size="24" />
               <var-site-icon name="chevron-down" :size="24" />
             </var-site-button>
@@ -136,7 +149,7 @@ header {
 }
 
 .router-view__block {
-  padding: 50px 12px 15px;
+  padding: 54px 12px 15px;
 }
 
 * {

package/site/pc/components/AppMobile.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="varlet-site-mobile var-site-elevation--3">
+  <div class="varlet-site-mobile">
     <div class="varlet-site-mobile-content">
       <iframe :src="`./mobile.html#/${componentName}?language=${language}&platform=pc&replace=${replace}`"></iframe>
     </div>
@@ -31,7 +31,8 @@ export default {
   height: calc(100vh - 100px);
   margin-right: 38px;
   overflow: hidden;
-  border-radius: 8px;
+  box-shadow: 0 0 14px 6px #eee;
+  border-radius: 2px;
 
   &-content {
     width: 100%;

package/LICENCE

@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2020 varlet
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.