ap-dev 1.2.25 → 1.2.27

package/dev/CustomPanel/items/ApDevInputNumber.vue

@@ -1,57 +1,57 @@
-<template>
-  <div
-    class="dev-main-item"
-    :data-ref="itemObj.ref"
-    :data-type="itemObj.type"
-    :style="{ width: (100/24*itemObj.options.span).toFixed(5) + '%'}"
-    @click.stop="itemClick(itemObj)"
-  >
-    {{ itemObj.options.labelName }}
-    <el-input-number
-      v-model="itemObj.options.vModel"
-      :size="itemObj.options.size"
-      :min="itemObj.options.min"
-      :max="itemObj.options.max"
-      :step="itemObj.options.step"
-      :step-strictly="itemObj.options.stepStrictly"
-      :precision="itemObj.options.precision"
-      :disabled="itemObj.options.disabled"
-      :controls="itemObj.options.controls"
-      :name="itemObj.options.name"
-      :label="itemObj.options.label"
-      :placeholder="itemObj.options.placeholder"
-      controls-position="right"
-    />
-  </div>
-</template>
-
-<script>
-import ApDevItemBase from './base/ApDevItemBase'
-
-export default {
-  name: 'ApDevInputNumber',
-  extends: ApDevItemBase,
-  data() {
-    return {}
-  },
-  created() {
-    // 默认参数
-    this.defaultOptions = {
-      span: 12,
-      vModel: 0,
-      min: 0,
-      max: 10,
-      step: 1,
-      stepStrictly: false,
-      controls: true
-    }
-  },
-  methods: {
-
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
+<template>
+  <div
+    class="dev-main-item"
+    :data-ref="itemObj.ref"
+    :data-type="itemObj.type"
+    :style="{ width: (100/24*itemObj.options.span).toFixed(5) + '%'}"
+    @click.stop="itemClick(itemObj)"
+  >
+    {{ itemObj.options.labelName }}
+    <el-input-number
+      v-model="itemObj.options.vModel"
+      :size="itemObj.options.size"
+      :min="itemObj.options.min"
+      :max="itemObj.options.max"
+      :step="itemObj.options.step"
+      :step-strictly="itemObj.options.stepStrictly"
+      :precision="itemObj.options.precision"
+      :disabled="itemObj.options.disabled"
+      :controls="itemObj.options.controls"
+      :name="itemObj.options.name"
+      :label="itemObj.options.label"
+      :placeholder="itemObj.options.placeholder"
+      controls-position="right"
+    />
+  </div>
+</template>
+
+<script>
+import ApDevItemBase from './base/ApDevItemBase'
+
+export default {
+  name: 'ApDevInputNumber',
+  extends: ApDevItemBase,
+  data() {
+    return {}
+  },
+  created() {
+    // 默认参数
+    this.defaultOptions = {
+      span: 12,
+      vModel: 0,
+      min: 0,
+      max: 10,
+      step: 1,
+      stepStrictly: false,
+      controls: true
+    }
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

package/dev/CustomPanel/items/ApDevInputNumberProp.vue

@@ -1,96 +1,96 @@
-<template>
-  <div style="padding: 0px 10px;">
-    <el-form
-      :model="opts"
-      label-position="left"
-      :rules="rules"
-      label-width="100px"
-      class="demo-ruleForm"
-    >
-      <el-form-item label="栅格" prop="span">
-        <el-slider v-model="opts.span" :step="1" :min="1" :max="24" />
-      </el-form-item>
-      <el-form-item label="尺寸" prop="size">
-        <el-select v-model="opts.size">
-          <el-option label="medium（默认）" value="medium" />
-          <el-option label="small（小）" value="small" />
-          <el-option label="mini（迷你）" value="mini" />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="v-model" prop="vModel">
-        <el-input v-model="opts.vModel" placeholder="绑定值" />
-      </el-form-item>
-      <el-form-item label="最小值" prop="min">
-        <el-input v-model="opts.min" />
-      </el-form-item>
-      <el-form-item label="最大值" prop="max">
-        <el-input v-model="opts.max" />
-      </el-form-item>
-      <el-form-item label="计数器步长" prop="step">
-        <el-input v-model="opts.step" />
-      </el-form-item>
-      <el-form-item label="数值精度" prop="precision">
-        <el-input v-model="opts.precision" placeholder="输入整数" />
-      </el-form-item>
-      <el-form-item label="name" prop="name">
-        <el-input v-model="opts.name" placeholder="name" />
-      </el-form-item>
-      <el-form-item label="标签" prop="labelName">
-        <el-input v-model="opts.labelName" />
-      </el-form-item>
-      <el-form-item label="label" prop="label">
-        <el-input v-model="opts.label" />
-      </el-form-item>
-      <el-form-item label="placeholder" prop="placeholder">
-        <el-input v-model="opts.placeholder" placeholder="占位文本" />
-      </el-form-item>
-      <el-form-item label="禁用" prop="disabled">
-        <el-switch v-model="opts.disabled" />
-      </el-form-item>
-      <el-form-item label="只能输入倍数" prop="stepStrictly">
-        <el-switch v-model="opts.stepStrictly" />
-      </el-form-item>
-      <el-form-item label="控制按钮" prop="controls">
-        <el-switch v-model="opts.controls" />
-      </el-form-item>
-      <el-button>保存</el-button>
-    </el-form>
-  </div>
-</template>
-
-<script>
-import ApDevPropBase from './base/ApDevPropBase'
-import ElButton from 'element-ui/packages/button/src/button'
-
-// 注意点：1、表单必须绑定opts。
-export default {
-  name: 'ApDevInputNumberProp',
-  components: { ElButton },
-  extends: ApDevPropBase,
-  data() {
-    return {
-      rules: {
-        type: [
-          { required: true, message: 'type必填' }
-        ],
-        vModel: [
-          { required: true, message: 'v-model必填' }
-        ],
-        min: [
-          { required: true, message: 'min必填' }
-        ],
-        max: [
-          { required: true, message: 'max必填' }
-        ]
-      }
-    }
-  },
-  methods: {
-
-  }
-}
-</script>
-
-<style scoped>
-
-</style>
+<template>
+  <div style="padding: 0px 10px;">
+    <el-form
+      :model="opts"
+      label-position="left"
+      :rules="rules"
+      label-width="100px"
+      class="demo-ruleForm"
+    >
+      <el-form-item label="栅格" prop="span">
+        <el-slider v-model="opts.span" :step="1" :min="1" :max="24" />
+      </el-form-item>
+      <el-form-item label="尺寸" prop="size">
+        <el-select v-model="opts.size">
+          <el-option label="medium（默认）" value="medium" />
+          <el-option label="small（小）" value="small" />
+          <el-option label="mini（迷你）" value="mini" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="v-model" prop="vModel">
+        <el-input v-model="opts.vModel" placeholder="绑定值" />
+      </el-form-item>
+      <el-form-item label="最小值" prop="min">
+        <el-input v-model="opts.min" />
+      </el-form-item>
+      <el-form-item label="最大值" prop="max">
+        <el-input v-model="opts.max" />
+      </el-form-item>
+      <el-form-item label="计数器步长" prop="step">
+        <el-input v-model="opts.step" />
+      </el-form-item>
+      <el-form-item label="数值精度" prop="precision">
+        <el-input v-model="opts.precision" placeholder="输入整数" />
+      </el-form-item>
+      <el-form-item label="name" prop="name">
+        <el-input v-model="opts.name" placeholder="name" />
+      </el-form-item>
+      <el-form-item label="标签" prop="labelName">
+        <el-input v-model="opts.labelName" />
+      </el-form-item>
+      <el-form-item label="label" prop="label">
+        <el-input v-model="opts.label" />
+      </el-form-item>
+      <el-form-item label="placeholder" prop="placeholder">
+        <el-input v-model="opts.placeholder" placeholder="占位文本" />
+      </el-form-item>
+      <el-form-item label="禁用" prop="disabled">
+        <el-switch v-model="opts.disabled" />
+      </el-form-item>
+      <el-form-item label="只能输入倍数" prop="stepStrictly">
+        <el-switch v-model="opts.stepStrictly" />
+      </el-form-item>
+      <el-form-item label="控制按钮" prop="controls">
+        <el-switch v-model="opts.controls" />
+      </el-form-item>
+      <el-button>保存</el-button>
+    </el-form>
+  </div>
+</template>
+
+<script>
+import ApDevPropBase from './base/ApDevPropBase'
+import ElButton from 'element-ui/packages/button/src/button'
+
+// 注意点：1、表单必须绑定opts。
+export default {
+  name: 'ApDevInputNumberProp',
+  components: { ElButton },
+  extends: ApDevPropBase,
+  data() {
+    return {
+      rules: {
+        type: [
+          { required: true, message: 'type必填' }
+        ],
+        vModel: [
+          { required: true, message: 'v-model必填' }
+        ],
+        min: [
+          { required: true, message: 'min必填' }
+        ],
+        max: [
+          { required: true, message: 'max必填' }
+        ]
+      }
+    }
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

package/dev/CustomPanel/items/ApDevInputProp.vue

@@ -1,85 +1,85 @@
-<template>
-  <div style="padding: 0px 10px;">
-    <el-form
-      :model="opts"
-      label-position="left"
-      :rules="rules"
-      label-width="100px"
-      class="demo-ruleForm"
-    >
-      <el-form-item label="栅格" prop="span">
-        <el-slider v-model="opts.span" :step="1" :min="1" :max="24" />
-      </el-form-item>
-      <el-form-item label="类型" prop="type">
-        <el-select v-model="opts.type">
-          <el-option label="text (默认)" value="text" />
-          <el-option label="textarea" value="textarea" />
-          <el-option label="password" value="password" />
-        </el-select>
-      </el-form-item>
-      <el-form-item label="v-model" prop="vModel">
-        <el-input v-model="opts.vModel" placeholder="绑定值" />
-      </el-form-item>
-      <el-form-item label="name" prop="name">
-        <el-input v-model="opts.name" placeholder="name" />
-      </el-form-item>
-      <el-form-item label="标签" prop="labelName">
-        <el-input v-model="opts.labelName" />
-      </el-form-item>
-      <el-form-item label="label" prop="label">
-        <el-input v-model="opts.label" />
-      </el-form-item>
-      <el-form-item label="placeholder" prop="placeholder">
-        <el-input v-model="opts.placeholder" placeholder="占位文本" />
-      </el-form-item>
-      <el-form-item label="只读" prop="readonly">
-        <el-switch v-model="opts.readonly" />
-      </el-form-item>
-      <el-form-item label="禁用" prop="disabled">
-        <el-switch v-model="opts.disabled" />
-      </el-form-item>
-      <el-form-item label="显示清空" prop="clearable">
-        <el-switch v-model="opts.clearable" />
-      </el-form-item>
-      <el-form-item label="显示字数统计" prop="showWordLimit">
-        <el-switch v-model="opts.showWordLimit" />
-      </el-form-item>
-      <el-button @click="test">aa</el-button>
-
-    </el-form>
-  </div>
-
-</template>
-
-<script>
-import ApDevPropBase from './base/ApDevPropBase'
-import ElButton from 'element-ui/packages/button/src/button'
-
-// 注意点：1、表单必须绑定opts。
-export default {
-  name: 'ApDevInputProp',
-  components: { ElButton },
-  extends: ApDevPropBase,
-  data() {
-    return {
-      rules: {
-        type: [
-          { required: true, message: 'type必填' }
-        ],
-        vModel: [
-          { required: true, message: 'v-model必填' }
-        ]
-      }
-    }
-  },
-  methods: {
-    test() {
-      console.log(this.opts)
-    }
-  }
-}
-</script>
-
-
-<style scoped>
-</style>
+<template>
+  <div style="padding: 0px 10px;">
+    <el-form
+      :model="opts"
+      label-position="left"
+      :rules="rules"
+      label-width="100px"
+      class="demo-ruleForm"
+    >
+      <el-form-item label="栅格" prop="span">
+        <el-slider v-model="opts.span" :step="1" :min="1" :max="24" />
+      </el-form-item>
+      <el-form-item label="类型" prop="type">
+        <el-select v-model="opts.type">
+          <el-option label="text (默认)" value="text" />
+          <el-option label="textarea" value="textarea" />
+          <el-option label="password" value="password" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="v-model" prop="vModel">
+        <el-input v-model="opts.vModel" placeholder="绑定值" />
+      </el-form-item>
+      <el-form-item label="name" prop="name">
+        <el-input v-model="opts.name" placeholder="name" />
+      </el-form-item>
+      <el-form-item label="标签" prop="labelName">
+        <el-input v-model="opts.labelName" />
+      </el-form-item>
+      <el-form-item label="label" prop="label">
+        <el-input v-model="opts.label" />
+      </el-form-item>
+      <el-form-item label="placeholder" prop="placeholder">
+        <el-input v-model="opts.placeholder" placeholder="占位文本" />
+      </el-form-item>
+      <el-form-item label="只读" prop="readonly">
+        <el-switch v-model="opts.readonly" />
+      </el-form-item>
+      <el-form-item label="禁用" prop="disabled">
+        <el-switch v-model="opts.disabled" />
+      </el-form-item>
+      <el-form-item label="显示清空" prop="clearable">
+        <el-switch v-model="opts.clearable" />
+      </el-form-item>
+      <el-form-item label="显示字数统计" prop="showWordLimit">
+        <el-switch v-model="opts.showWordLimit" />
+      </el-form-item>
+      <el-button @click="test">aa</el-button>
+
+    </el-form>
+  </div>
+
+</template>
+
+<script>
+import ApDevPropBase from './base/ApDevPropBase'
+import ElButton from 'element-ui/packages/button/src/button'
+
+// 注意点：1、表单必须绑定opts。
+export default {
+  name: 'ApDevInputProp',
+  components: { ElButton },
+  extends: ApDevPropBase,
+  data() {
+    return {
+      rules: {
+        type: [
+          { required: true, message: 'type必填' }
+        ],
+        vModel: [
+          { required: true, message: 'v-model必填' }
+        ]
+      }
+    }
+  },
+  methods: {
+    test() {
+      console.log(this.opts)
+    }
+  }
+}
+</script>
+
+
+<style scoped>
+</style>

package/dev/CustomPanel/items/ApDevRadio.vue

@@ -1,24 +1,24 @@
 <template>
-  <div
+  <div
     class="dev-main-item"
     :data-ref="itemObj.ref"
     :data-type="itemObj.type"
     :style="{ width: (100 / 24 * itemObj.options.span).toFixed(5) + '%'}"
-    @click.stop="itemClick(itemObj)"
+    @click.stop="itemClick(itemObj)"
   >
     {{ itemObj.options.labelName }}
 
     <template v-if="itemObj.options.type == 'radio'">
       <el-radio-group
         v-model="radio"
-        :disabled="itemObj.options.disabled"
+        :disabled="itemObj.options.disabled"
       >
         <el-radio
           v-for="itme in data"
           :key="itme"
           :label="itme"
           :name="itemObj.options.name"
-          :border="itemObj.options.border"
+          :border="itemObj.options.border"
         >
           {{ itme }}
         </el-radio>
@@ -31,13 +31,13 @@
         :disabled="itemObj.options.disabled"
         :size="itemObj.options.size"
         :text-color="itemObj.options.textColor"
-        :fill="itemObj.options.fill"
+        :fill="itemObj.options.fill"
       >
         <el-radio-button
           v-for="itme in data"
           :key="itme"
           :label="itme"
-          :name="itemObj.options.name"
+          :name="itemObj.options.name"
         />
       </el-radio-group>
     </template>
@@ -76,4 +76,4 @@ export default {
 
 <style scoped>
 
-</style>
+</style>

package/dev/CustomPanel/items/ApDevRadioProp.vue

@@ -68,4 +68,4 @@ export default {
 
 <style scoped>
 
-</style>
+</style>