haiwei-ui 1.0.2 → 1.0.4

package/packages/components/form-page/index.vue

@@ -17,24 +17,7 @@
 
     <section class="nm-form-page-body">
       <nm-scrollbar :horizontal="false">
-        <nm-form
-          class="nm-form-page-main"
-          ref="form"
-          no-loading
-          :model="model"
-          :rules="rules"
-          :action="action"
-          :label-width="labelWidth"
-          :label-position="labelPosition"
-          :customValidate="validate"
-          :success-msg="successMsg"
-          :success-msg-text="successMsgText"
-          :disabled="disabled"
-          :inline="inline"
-          :custom-reset-function="customResetFunction"
-          v-on="formOn"
-          @validate="onValidate"
-        >
+        <nm-form class="nm-form-page-main" ref="form" no-loading :model="model" :rules="rules" :action="action" :label-width="labelWidth" :label-position="labelPosition" :customValidate="validate" :success-msg="successMsg" :success-msg-text="successMsgText" :disabled="disabled" :inline="inline" :custom-reset-function="customResetFunction" v-on="formOn" @validate="onValidate">
           <slot />
         </nm-form>
       </nm-scrollbar>
@@ -55,141 +38,141 @@
   </nm-box>
 </template>
 <script>
-export default {
-  name: 'FormPage',
-  data() {
-    return {
-      loading: false,
-      formOn: {
-        success: this.onSuccess,
-        error: this.onError,
-        reset: this.onReset,
-        'validate-error': this.onValidateError
+  export default {
+    name: 'FormPage',
+    data() {
+      return {
+        loading: false,
+        formOn: {
+          success: this.onSuccess,
+          error: this.onError,
+          reset: this.onReset,
+          'validate-error': this.onValidateError
+        }
       }
-    }
-  },
-  props: {
-    /** 显示头部 */
-    header: {
-      type: Boolean,
-      default: true
-    },
-    /** 标题 */
-    title: String,
-    /** box图标 */
-    icon: {
-      type: String,
-      default: 'detail'
-    },
-    /** 表单 */
-    model: {
-      type: Object,
-      required: true
-    },
-    /** 验证规则 */
-    rules: Object,
-    /** 提交请求 */
-    action: {
-      type: Function,
-      required: true
-    },
-    /** 行内表单 */
-    inline: Boolean,
-    /** 标签的宽度 */
-    labelWidth: String,
-    /** 表单域标签的位置，如果值为 left 或者 right 时，则需要设置 label-width */
-    labelPosition: String,
-    // 自定义验证
-    validate: Function,
-    /** 是否显示成功提示消息 */
-    successMsg: {
-      type: Boolean,
-      default: true
-    },
-    /** 成功提示消息文本 */
-    successMsgText: {
-      type: String,
-      default: '保存成功'
-    },
-    /** Ok按钮 */
-    btnOk: {
-      type: Boolean,
-      default: true
-    },
-    /** Ok按钮文本 */
-    btnOkText: {
-      type: String,
-      default: '保存'
-    },
-    /** Ok按钮类型 */
-    btnOkType: {
-      type: String,
-      default: 'primary'
-    },
-    /** reset按钮 */
-    btnReset: {
-      type: Boolean,
-      default: true
-    },
-    /** 自定义重置操作 */
-    customResetFunction: Function,
-    /** 是否显示全屏按钮 */
-    fullscreen: {
-      type: Boolean,
-      default: true
     },
-    /** 禁用表单 */
-    disabled: Boolean,
-    /**不显示底部 */
-    noFooter: Boolean,
-    /**不显示加载动画 */
-    noLoading: Boolean
-  },
-  methods: {
-    /** 提交 */
-    submit() {
-      this.loading = true
-      this.$refs.form.submit()
-    },
-    /** 重置 */
-    reset() {
-      this.$nextTick(() => {
-        this.$refs.form.reset()
-      })
-    },
-    /** 清除验证信息 */
-    clearValidate() {
-      this.$refs.form.clearValidate()
-    },
-    /** 打开loading */
-    openLoading() {
-      this.loading = true
-      this.$refs.form.openLoading()
-    },
-    /** 关闭loading */
-    closeLoading() {
-      this.loading = false
-      this.$refs.form.closeLoading()
-    },
-    // 成功
-    onSuccess(data) {
-      this.loading = false
-      this.$emit('success', data)
-    },
-    onReset() {
-      this.$emit('reset')
-    },
-    onError() {
-      this.loading = false
-      this.$emit('error')
-    },
-    onValidateError() {
-      this.loading = false
-      this.$emit('validate-error')
-    },
-    onValidate(prop, valid, msg) {
-      this.$emit('validate', prop, valid, msg)
+    props: {
+      /** 显示头部 */
+      header: {
+        type: Boolean,
+        default: true
+      },
+      /** 标题 */
+      title: String,
+      /** box图标 */
+      icon: {
+        type: String,
+        default: 'detail'
+      },
+      /** 表单 */
+      model: {
+        type: Object,
+        required: true
+      },
+      /** 验证规则 */
+      rules: Object,
+      /** 提交请求 */
+      action: {
+        type: Function,
+        required: true
+      },
+      /** 行内表单 */
+      inline: Boolean,
+      /** 标签的宽度 */
+      labelWidth: String,
+      /** 表单域标签的位置，如果值为 left 或者 right 时，则需要设置 label-width */
+      labelPosition: String,
+      // 自定义验证
+      validate: Function,
+      /** 是否显示成功提示消息 */
+      successMsg: {
+        type: Boolean,
+        default: true
+      },
+      /** 成功提示消息文本 */
+      successMsgText: {
+        type: String,
+        default: '保存成功'
+      },
+      /** Ok按钮 */
+      btnOk: {
+        type: Boolean,
+        default: true
+      },
+      /** Ok按钮文本 */
+      btnOkText: {
+        type: String,
+        default: '保存'
+      },
+      /** Ok按钮类型 */
+      btnOkType: {
+        type: String,
+        default: 'primary'
+      },
+      /** reset按钮 */
+      btnReset: {
+        type: Boolean,
+        default: true
+      },
+      /** 自定义重置操作 */
+      customResetFunction: Function,
+      /** 是否显示全屏按钮 */
+      fullscreen: {
+        type: Boolean,
+        default: true
+      },
+      /** 禁用表单 */
+      disabled: Boolean,
+      /**不显示底部 */
+      noFooter: Boolean,
+      /**不显示加载动画 */
+      noLoading: Boolean
+    },
+    methods: {
+      /** 提交 */
+      submit() {
+        this.loading = true
+        this.$refs.form.submit()
+      },
+      /** 重置 */
+      reset() {
+        this.$nextTick(() => {
+          this.$refs.form.reset()
+        })
+      },
+      /** 清除验证信息 */
+      clearValidate() {
+        this.$refs.form.clearValidate()
+      },
+      /** 打开loading */
+      openLoading() {
+        this.loading = true
+        this.$refs.form.openLoading()
+      },
+      /** 关闭loading */
+      closeLoading() {
+        this.loading = false
+        this.$refs.form.closeLoading()
+      },
+      // 成功
+      onSuccess(data) {
+        this.loading = false
+        this.$emit('success', data)
+      },
+      onReset() {
+        this.$emit('reset')
+      },
+      onError() {
+        this.loading = false
+        this.$emit('error')
+      },
+      onValidateError() {
+        this.loading = false
+        this.$emit('validate-error')
+      },
+      onValidate(prop, valid, msg) {
+        this.$emit('validate', prop, valid, msg)
+      }
     }
   }
-}
 </script>

package/packages/components/icon/index.vue

@@ -5,11 +5,11 @@
 </template>
 
 <script>
-export default {
-  name: 'Icon',
-  props: {
-    iconClass: String,
-    name: String
+  export default {
+    name: 'Icon',
+    props: {
+      iconClass: String,
+      name: String
+    }
   }
-}
 </script>

package/packages/components/icon-picker/index.vue

@@ -14,39 +14,39 @@
   </section>
 </template>
 <script>
-import Panel from './panel'
-export default {
-  name: 'IconPicker',
-  components: { Panel },
-  data() {
-    return {
-      icon: this.value,
-      panelVisible: false
-    }
-  },
-  props: {
-    value: String,
-    placeholder: String
-  },
-  methods: {
-    onChange(val) {
-      this.$emit('input', val)
+  import Panel from './panel'
+  export default {
+    name: 'IconPicker',
+    components: { Panel },
+    data() {
+      return {
+        icon: this.value,
+        panelVisible: false
+      }
+    },
+    props: {
+      value: String,
+      placeholder: String
     },
-    onSelect(icon) {
-      if (icon !== '') {
-        this.icon = icon
-        this.onChange(icon)
+    methods: {
+      onChange(val) {
+        this.$emit('input', val)
+      },
+      onSelect(icon) {
+        if (icon !== '') {
+          this.icon = icon
+          this.onChange(icon)
+        }
+      },
+      reset() {
+        this.icon = ''
+        this.onChange('')
       }
     },
-    reset() {
-      this.icon = ''
-      this.onChange('')
-    }
-  },
-  watch: {
-    value() {
-      if (this.icon !== this.value) this.icon = this.value
+    watch: {
+      value() {
+        if (this.icon !== this.value) this.icon = this.value
+      }
     }
   }
-}
 </script>

package/packages/components/icon-picker/panel.vue

@@ -13,69 +13,69 @@
   </nm-dialog>
 </template>
 <script>
-import visible from '../../mixins/components/visible.js'
-export default {
-  mixins: [visible],
-  data() {
-    return {
-      list: [],
-      filter: '',
-      dialog: {
-        title: '选择图标',
-        icon: 'list',
-        height: '60%',
-        width: '600px',
-        fullscreen: true
-      },
-      dialogOn: {
-        open: this.onOpen,
-        opened: this.onOpened,
-        close: this.onClose,
-        closed: this.onClosed
-      }
-    }
-  },
-  computed: {
-    filterList() {
-      if (!this.filter) {
-        return this.list
-      }
-
-      let list = []
-      this.list.forEach(icon => {
-        if (icon.indexOf(this.filter) > -1 || icon.indexOf(this.filter) > -1) {
-          list.push(icon)
+  import visible from '../../mixins/components/visible.js'
+  export default {
+    mixins: [visible],
+    data() {
+      return {
+        list: [],
+        filter: '',
+        dialog: {
+          title: '选择图标',
+          icon: 'list',
+          height: '60%',
+          width: '600px',
+          fullscreen: true
+        },
+        dialogOn: {
+          open: this.onOpen,
+          opened: this.onOpened,
+          close: this.onClose,
+          closed: this.onClosed
         }
-      })
-      return list
-    }
-  },
-  methods: {
-    onSelect(icon) {
-      this.$emit('success', icon)
-      this.hide()
+      }
     },
-    onOpen() {
-      this.$emit('open')
+    computed: {
+      filterList() {
+        if (!this.filter) {
+          return this.list
+        }
+
+        let list = []
+        this.list.forEach(icon => {
+          if (icon.indexOf(this.filter) > -1 || icon.indexOf(this.filter) > -1) {
+            list.push(icon)
+          }
+        })
+        return list
+      }
     },
-    onOpened() {
-      this.$emit('opened')
+    methods: {
+      onSelect(icon) {
+        this.$emit('success', icon)
+        this.hide()
+      },
+      onOpen() {
+        this.$emit('open')
+      },
+      onOpened() {
+        this.$emit('opened')
+      },
+      onClose() {
+        this.$emit('close')
+      },
+      onClosed() {
+        this.$emit('closed')
+      }
     },
-    onClose() {
-      this.$emit('close')
+    created() {
+      var symbols = document.querySelectorAll('body>svg>symbol')
+      symbols.forEach(m => {
+        this.list.push(m.id.replace('icon-', ''))
+      })
     },
-    onClosed() {
-      this.$emit('closed')
+    destroyed() {
+      this.list = null
     }
-  },
-  created() {
-    var symbols = document.querySelectorAll('body>svg>symbol')
-    symbols.forEach(m => {
-      this.list.push(m.id.replace('icon-', ''))
-    })
-  },
-  destroyed() {
-    this.list = null
   }
-}
 </script>

package/packages/components/label/index.vue

@@ -4,36 +4,28 @@
   </span>
 </template>
 <script>
-export default {
-  name: 'Label',
-  props: {
-    /** 显示文本 */
-    text: String,
-    /** 类型 */
-    type: String,
-    /** 左边箭头 */
-    arrowed: Boolean,
-    /** 左侧内箭头 */
-    arrowedIn: Boolean,
-    /** 右侧箭头 */
-    arrowedRight: Boolean,
-    /** 右侧内箭头 */
-    arrowedRightIn: Boolean,
-    /** 尺寸 */
-    size: String
-  },
-  computed: {
-    class_() {
-      return [
-        'nm-label',
-        this.type ? `nm-label-${this.type}` : '',
-        this.arrowed ? 'arrowed' : '',
-        this.arrowedIn ? 'arrowed-in' : '',
-        this.arrowedRight ? 'arrowed-right' : '',
-        this.arrowedRightIn ? 'arrowed-right-in' : '',
-        this.size || this.fontSize
-      ]
+  export default {
+    name: 'Label',
+    props: {
+      /** 显示文本 */
+      text: String,
+      /** 类型 */
+      type: String,
+      /** 左边箭头 */
+      arrowed: Boolean,
+      /** 左侧内箭头 */
+      arrowedIn: Boolean,
+      /** 右侧箭头 */
+      arrowedRight: Boolean,
+      /** 右侧内箭头 */
+      arrowedRightIn: Boolean,
+      /** 尺寸 */
+      size: String
+    },
+    computed: {
+      class_() {
+        return ['nm-label', this.type ? `nm-label-${this.type}` : '', this.arrowed ? 'arrowed' : '', this.arrowedIn ? 'arrowed-in' : '', this.arrowedRight ? 'arrowed-right' : '', this.arrowedRightIn ? 'arrowed-right-in' : '', this.size || this.fontSize]
+      }
     }
   }
-}
 </script>