automan-cmd 2.1.5

package/tpl/preview/mint-ui/swipe/style.css

@@ -0,0 +1,43 @@
+
+.mint-swipe {
+    overflow: hidden;
+    position: relative;
+    height: 100%;
+}
+.mint-swipe-items-wrap {
+    position: relative;
+    overflow: hidden;
+    height: 100%;
+}
+.mint-swipe-items-wrap > div {
+    position: absolute;
+    -webkit-transform: translateX(-100%);
+            transform: translateX(-100%);
+    width: 100%;
+    height: 100%;
+    display: none
+}
+.mint-swipe-items-wrap > div.is-active {
+    display: block;
+    -webkit-transform: none;
+            transform: none;
+}
+.mint-swipe-indicators {
+    position: absolute;
+    bottom: 10px;
+    left: 50%;
+    -webkit-transform: translateX(-50%);
+            transform: translateX(-50%);
+}
+.mint-swipe-indicator {
+    width: 8px;
+    height: 8px;
+    display: inline-block;
+    border-radius: 100%;
+    background: #000;
+    opacity: 0.2;
+    margin: 0 3px;
+}
+.mint-swipe-indicator.is-active {
+    background: #fff;
+}

package/tpl/preview/mint-ui/swipe-item/index.js

@@ -0,0 +1,171 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId])
+/******/ 			return installedModules[moduleId].exports;
+
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+
+
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+
+/******/ 	// identity function for calling harmony imports with the correct context
+/******/ 	__webpack_require__.i = function(value) { return value; };
+
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 248);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 167:
+/***/ function(module, exports, __webpack_require__) {
+
+var __vue_exports__, __vue_options__
+var __vue_styles__ = {}
+
+/* script */
+__vue_exports__ = __webpack_require__(85)
+
+/* template */
+var __vue_template__ = __webpack_require__(211)
+__vue_options__ = __vue_exports__ = __vue_exports__ || {}
+if (
+  typeof __vue_exports__.default === "object" ||
+  typeof __vue_exports__.default === "function"
+) {
+__vue_options__ = __vue_exports__ = __vue_exports__.default
+}
+if (typeof __vue_options__ === "function") {
+  __vue_options__ = __vue_options__.options
+}
+
+__vue_options__.render = __vue_template__.render
+__vue_options__.staticRenderFns = __vue_template__.staticRenderFns
+
+module.exports = __vue_exports__
+
+
+/***/ },
+
+/***/ 211:
+/***/ function(module, exports) {
+
+module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
+  return _c('div', {
+    staticClass: "mint-swipe-item"
+  }, [_vm._t("default")], 2)
+},staticRenderFns: []}
+
+/***/ },
+
+/***/ 248:
+/***/ function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(47);
+
+
+/***/ },
+
+/***/ 4:
+/***/ function(module, exports) {
+
+// removed by extract-text-webpack-plugin
+
+/***/ },
+
+/***/ 47:
+/***/ function(module, exports, __webpack_require__) {
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_truck_mint_ui_src_style_empty_css__ = __webpack_require__(4);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_truck_mint_ui_src_style_empty_css___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_truck_mint_ui_src_style_empty_css__);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__swipe_src_swipe_item_vue__ = __webpack_require__(167);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__swipe_src_swipe_item_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__swipe_src_swipe_item_vue__);
+/* harmony reexport (default from non-hamory) */ __webpack_require__.d(exports, "default", function() { return __WEBPACK_IMPORTED_MODULE_1__swipe_src_swipe_item_vue___default.a; });
+
+
+
+
+/***/ },
+
+/***/ 85:
+/***/ function(module, exports, __webpack_require__) {
+
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//
+//
+//
+//
+//
+//
+
+/* harmony default export */ exports["default"] = {
+  name: 'mt-swipe-item',
+
+  mounted: function mounted() {
+    this.$parent && this.$parent.swipeItemCreated(this);
+  },
+
+  destroyed: function destroyed() {
+    this.$parent && this.$parent.swipeItemDestroyed(this);
+  }
+};
+
+
+/***/ }
+
+/******/ });

package/tpl/preview/mint-ui/swipe-item/style.css

@@ -0,0 +1 @@
+

package/tpl/preview/style.css

@@ -0,0 +1,126 @@
+* {
+  box-sizing: border-box;
+  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
+}
+
+html, body {
+  font-size: 16px;
+}
+
+/*
+** border-1px
+** created by arnan
+*/
+
+.m-border-1px {
+  position:relative;
+  border:none!important
+}
+.m-border-1px:after {
+  content:'';
+  position:absolute;
+  top:0;
+  left:0;
+  box-sizing:border-box;
+  border-width:0;
+  border-style:solid;
+  border-color:#ccc;
+  -webkit-transform-origin:50% 50%;
+  transform-origin:50% 50%;
+  width:100%;
+  height:100%;
+  pointer-events: none;
+}
+.m-border-all:after {
+  border-width:1px
+}
+.m-border-top:after {
+  border-top-width:1px
+}
+.m-border-left:after {
+  border-left-width:1px
+}
+.m-border-right:after {
+  border-right-width:1px
+}
+.m-border-bottom:after {
+  border-bottom-width:1px
+}
+@media (-webkit-min-device-pixel-ratio:2) {
+  .m-border-1px:after {
+    width:200%;
+    height:200%;
+    -webkit-transform:scale(.5) translate3D(-50%,-50%,0);
+    transform:scale(.5) translate3D(-50%,-50%,0);
+  }
+}
+@media (-webkit-min-device-pixel-ratio:3) {
+  .m-border-1px:after {
+    width:300%;
+    height:300%;
+    -webkit-transform:scale(.3333) translate3D(-100%,-100%,0);
+    transform:scale(.3333) translate3D(-100%,-100%,0);
+  }
+}
+@media (min-device-pixel-ratio:2) {
+  .m-border-1px:after {
+    width:200%;
+    height:200%;
+    -webkit-transform:scale(.5) translate3D(-50%,-50%,0);
+    transform:scale(.5) translate3D(-50%,-50%,0);
+  }
+}
+@media (min-device-pixel-ratio:3) {
+  .m-border-1px:after {
+    width: 300%;
+    height: 300%;
+    -webkit-transform: scale(.3333) translate3D(-100%,-100%,0);
+    transform: scale(.3333) translate3D(-100%,-100%,0);
+  }
+}
+
+/*
+** 1px based on gradient
+*/
+
+.m-border-gradient-1px {
+  background-repeat: no-repeat;
+}
+
+.m-border-gradient-1px.m-border-gradient-left {
+  background-image: -webkit-gradient(linear, right bottom, left bottom, color-stop(0.3, transparent), color-stop(1, #ccc));
+  background-image: linear-gradient(to left, transparent 30%, #ccc);
+  background-size: 1px 100%;
+  background-position: left;
+}
+.m-border-gradient-1px.m-border-gradient-top {
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.3, transparent), color-stop(1, #ccc));
+  background-image: linear-gradient(to top, transparent 30%, #ccc);
+  background-size: 100% 1px;
+  background-position: top;
+}
+.m-border-gradient-1px.m-border-gradient-bottom {
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.3, transparent), color-stop(1, #ccc));
+  background-image: linear-gradient(to bottom, transparent 30%, #ccc);
+  background-size: 100% 1px;
+  background-position: bottom;
+}
+.m-border-gradient-1px.m-border-gradient-right {
+  background-image: -webkit-gradient(linear, left top, right top, color-stop(0.3, transparent), color-stop(1, #ccc));
+  background-image: linear-gradient(to right, transparent 30%, #ccc);
+  background-size: 1px 100%;
+  background-position: right;
+}
+.m-border-gradient-1px.m-border-gradient-tb, .m-border-gradient-1px.m-border-gradient-bt {
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.3, transparent), color-stop(1, #ccc)), -webkit-gradient(linear, left bottom, left top, color-stop(0.3, transparent), color-stop(1, #ccc));
+  background-image: linear-gradient(to top, transparent 30%, #ccc), linear-gradient(to bottom, transparent 30%, #ccc);
+  background-size: 100% 1px, 100% 1px;
+  background-position: top, bottom;
+}
+
+.m-border-gradient-1px.m-border-gradient-lr, .m-border-gradient-1px.m-border-gradient-rl {
+  background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0.3, transparent), color-stop(1, #e0e0e0)), -webkit-gradient(linear, right top, left top, color-stop(0.3, transparent), color-stop(1, #e0e0e0));
+  background-image: linear-gradient(to right, transparent 30%, #ccc), linear-gradient(to left, transparent 30%, #ccc);
+  background-size: 1px 100%, 1px 100%;
+  background-position: right, left;
+}

package/tpl/server.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  url: 'http://www.fengxiaogang.fe.changbaops.com',
+  publicPath: '', //本地组件开发host 例:http://192.168.xx.xx:port/
+  componentName: '', //对应添加组件中的组件名
+  componentVersion: ''//对应组件中的版本号
+}

package/tpl/src/assets/css/index.scss

@@ -0,0 +1,29 @@
+.component {
+  width: 100%;
+  height: 100%;
+}
+
+*{
+  margin: 0;
+  padding: 0;
+}
+
+button{
+  border: none;
+  background: none;
+  outline:none;
+  -webkit-tap-highlight-color : transparent;
+}
+
+.ellipsis {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+@mixin background($width,$height,$url){
+  width: $width;
+  height: $height;
+  background: url('./assets/images/'+$url) no-repeat;
+  background-size: 100%;
+}

package/tpl/src/example.vue

@@ -0,0 +1,165 @@
+<template>
+  <div class="component"></div>
+</template>
+
+<script>
+  import {VueExtend, Util} from 'godspen-lib'
+  import {bind} from 'size-sensor'
+  export default {
+    mixins: [VueExtend.mixin],
+    name: 'echarts',
+    label: process.env.LABEL,
+    style: process.env.STYLE,
+    componentEditor:process.env.COMPONENT_EDITOR,
+    stack: false, // 是否是堆叠模式 ，true：孩子元素会按楼层一个个向下排布， false: 孩子元素绝对定位，随意放置位置
+    childLimit: 9999,  // 孩子元素最大限制数
+    leaf: false, // 是否是叶子节点，为true的时候该节点下面不能添加节点
+    props: { // 设置该元素支持的属性配置
+      packageType: {
+        type: String,
+        default: 'common',
+        editor: {
+          type: 'enum',  // 该类型支持列表  https://godspen.ymm56.com/doc/develop/script.html#%E6%B7%BB%E5%8A%A0%E8%87%AA%E5%AE%9A%E4%B9%89%E5%B1%9E%E6%80%A7
+          label: '资源大小',
+          desc: '完全版：体积最大，包含所有的图表和组件，常用版：体积适中，包含常见的图表和组件,精简版：体积较小，仅包含最常用的图表和组件',
+          defaultList: {
+            'all': '完整版',
+            'common': '常用版',
+            'simple': '精简版'
+          }
+        },
+      },
+      reanderType: {
+        type: String,
+        default: 'canvas',
+        editor: {
+          work: function () {
+            return this.packageType != 'simple'
+          },
+          type: 'enum',
+          label: '配置信息',
+          desc: 'echarts的option配置信息',
+          defaultList: { // map结构的选项 key为值，value为显示文本
+            'canvas': 'canvas',
+            'svg': 'svg'
+          }
+        },
+      },
+      usedatasource: {
+        type: Boolean, // 此项必须为Boolean
+        editor: {
+          type: 'checkbox',
+          label: '使用数据源',
+          desc: '开启后配置数据可以在数据总线里面获取,可以配合数据源组件通过接口获取配置数据'
+        }
+      },
+      datasourcekey: {
+        type: String,
+        default: 'a.b',
+        editor: {
+          label: '数据总线Path',
+          desc: '',
+          work: function () {
+            return this.usedatasource
+          }
+        }
+      },
+      // 文本框输入
+      option: {
+        type: [Object],
+        editor: {
+          type: 'Object',
+          label: '配置信息',
+          work: function () {
+            return !this.usedatasource
+          },
+          desc: 'echarts的option配置信息,注意这里填入的是JSON数据，而不是js对象'
+        },
+        default () {
+          return {
+            title: {
+              text: 'ECharts 入门示例'
+            },
+            tooltip: {},
+            legend: {
+              data: ['销量']
+            },
+            xAxis: {
+              data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
+            },
+            yAxis: {},
+            series: [{
+              name: '销量',
+              type: 'bar',
+              data: [5, 20, 36, 10, 10, 20]
+            }]
+          }
+        }
+      },
+    },
+    computed: {
+      config () {
+        var data = this.option
+        if (this.usedatasource) {
+          var dataStr = this.dataHubGet && this.dataHubGet(this.datasourcekey)
+          try {
+            data = JSON.parse(dataStr)
+          } catch (e) {
+            console.log('error Scroll-Ranking', '获取数据解析json对象异常')
+            data = []
+          }
+        }
+        return data
+      }
+    },
+    watch: {
+      option: {
+        handler (val) {
+          this.myChart && this.myChart.setOption(this.config)
+        },
+        deep: true
+      },
+      reanderType () {
+        this.myChart.dispose()
+        this.myChart = window.echarts.init(this.$el, null, {renderer: this.reanderType})
+        this.myChart.setOption(this.config)
+      },
+      packageType (val) {
+        if (val == 'simple') {
+          this.reanderType = 'canvas'
+        }
+        this.loadEcharts()
+      }
+    },
+    mounted: async function () {
+      // 监听元素大小变化，然后重新渲染，一般如果你的组件的大小不是自动适配的。那么你可以通过如下方法进行重新布局设置
+      bind(this.$el, element => {
+        this.myChart && this.myChart.resize()
+      })
+      await this.loadEcharts()
+    },
+    editorMethods: {
+    },
+    methods: {
+      async loadEcharts () {
+        // 纯属演示异步加载js资源，与本组件无关； loadJs返回一个promise实例 可以用async 或者 then 来处理回调
+        var names = {
+          'all': '',
+          'common': 'common.',
+          'simple': 'simple.'
+        }
+        await Util.loadJs(`https://cdn.bootcss.com/echarts/4.6.0/echarts.${names[this.packageType]}min.js`)
+        this.myChart = window.echarts.init(this.$el, null, {renderer: this.reanderType})
+        // 使用刚指定的配置项和数据显示图表。
+        this.myChart.setOption(this.config)
+      }
+    }
+  }
+</script>
+
+<style lang="stylus" rel="stylesheet/stylus" type="text/stylus" scoped>
+  .component {
+    width: 100%;
+    height: 100%;
+  }
+</style>

package/tpl/src/index.vue.ejs

@@ -0,0 +1,32 @@
+<template>
+  <div class="component">
+    hello world
+  </div>
+</template>
+
+<script>
+import { VueExtend } from 'godspen-lib'
+
+export default {
+  name: '<%= name %>',
+  mixins: [VueExtend.mixin],
+  label: process.env.LABEL,
+  style: process.env.STYLE,
+  componentEditor: process.env.COMPONENT_EDITOR,
+  stack: null, // 是否是堆叠模式 ，false：孩子元素会按楼层一个个向下排布， true: 孩子元素绝对定位，随意放置位置
+  childLimit: 9999,  // 孩子元素最大限制数
+  leaf: false, // 是否是叶子节点，为true的时候该节点下面不能添加节点
+  props: {
+  },
+  computed: {
+  },
+  editorMethods: {
+  },
+  methods: {
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+@import './assets/css/index.scss';
+</style>