From e9ad2b7a9426ca40f3900d4bad997f262615a8d8 Mon Sep 17 00:00:00 2001
From: 梁灏 <admin@aresn.com>
Date: Wed, 20 Jun 2018 11:31:38 +0800
Subject: [PATCH] update Divider

---
 examples/routers/divider.vue       | 100 +++++++++++++++++++++++++++++++++++++++++++++++++++++++---------------------------------------------
 src/components/divider/divider.vue | 102 +++++++++++++++++++++++++++++++++++++++++++++++++-----------------------------------------------------
 2 files changed, 104 insertions(+), 98 deletions(-)

diff --git a/examples/routers/divider.vue b/examples/routers/divider.vue
index 350c6b0..720ac0f 100644
--- a/examples/routers/divider.vue
+++ b/examples/routers/divider.vue
@@ -1,63 +1,73 @@
 <template>
-  <Row :gutter="16">
-    <Col span="12">
-    <Card title="horizontal divider">
-      <div>
-         <p>iView is a set of UI components and widgets built on Vue.js. 
-          iView is a set of UI components and widgets built on Vue.js. 
-          iView is a set of UI components and widgets built on Vue.js.</p>
+    <Row :gutter="16">
+        <i-col span="12">
+            <Card title="horizontal divider">
+                <div>
+                    <p>
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                    </p>
 
-        <Divider />
+                    <Divider/>
 
-          <p>iView is a set of UI components and widgets built on Vue.js. 
-          iView is a set of UI components and widgets built on Vue.js. 
-          iView is a set of UI components and widgets built on Vue.js.</p>
+                    <p>
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                    </p>
 
-        <Divider>iView </Divider>
+                    <Divider>iView </Divider>
 
-         <p>iView is a set of UI components and widgets built on Vue.js. 
-          iView is a set of UI components and widgets built on Vue.js. 
-          iView is a set of UI components and widgets built on Vue.js.</p>
+                    <p>
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                    </p>
 
-        <Divider dashed />
+                    <Divider dashed/>
 
-        <p>iView is a set of UI components and widgets built on Vue.js. 
-          iView is a set of UI components and widgets built on Vue.js. 
-          iView is a set of UI components and widgets built on Vue.js.</p>
+                    <p>
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                    </p>
 
-        <Divider orientation="left">iView</Divider>
+                    <Divider orientation="left">iView</Divider>
 
-        <p>iView is a set of UI components and widgets built on Vue.js. 
-          iView is a set of UI components and widgets built on Vue.js. 
-          iView is a set of UI components and widgets built on Vue.js.</p>
+                    <p>
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                    </p>
 
-        <Divider orientation="right">iView</Divider>
+                    <Divider orientation="right">iView</Divider>
 
-         <p>iView is a set of UI components and widgets built on Vue.js. 
-          iView is a set of UI components and widgets built on Vue.js. 
-          iView is a set of UI components and widgets built on Vue.js.</p>
+                    <p>
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                        iView is a set of UI components and widgets built on Vue.js.
+                    </p>
 
-      </div>
-    </Card>
-    </Col>
-    <Col span="12">
-    <Card title="vertical divider">
-      <div>
-        iView
-        <Divider type="vertical divider" />
-        <a href="#">Components</a>
-        <Divider type="vertical" />
-        <a href="#">Divider</a>
-      </div>
-    </Card>
-    </Col>
-  </Row>
+                </div>
+            </Card>
+        </i-col>
+        <i-col span="12">
+            <Card title="vertical divider">
+                <div>
+                    iView
+                    <Divider type="vertical" />
+                    <a href="#">Components</a>
+                    <Divider type="vertical" />
+                    <a href="#">Divider</a>
+                </div>
+            </Card>
+        </i-col>
+    </Row>
 </template>
 
 <script>
-export default {
-
-}
+    export default {}
 </script>
 
 <style>
diff --git a/src/components/divider/divider.vue b/src/components/divider/divider.vue
index 844bed0..05c05b9 100644
--- a/src/components/divider/divider.vue
+++ b/src/components/divider/divider.vue
@@ -1,61 +1,57 @@
 <template>
-  <div :class="classes">
-    <span v-if="hasSlot" :class="slotClasses">
-      <slot></slot>
-    </span>
-   </div>
+    <div :class="classes">
+        <span v-if="hasSlot" :class="slotClasses">
+            <slot></slot>
+        </span>
+    </div>
 </template>
 
 <script>
-import { oneOf } from '../../utils/assist';
+    import {oneOf} from '../../utils/assist';
 
-const prefixCls = 'ivu-divider';
+    const prefixCls = 'ivu-divider';
 
-export default {
-  name:'Divider',
-  props: {
-    type: {
-      type: String,
-      default() { return 'horizontal'; },
-      validator (value) {
-          return oneOf(value, ['horizontal', 'vertical']);
-      }
-    },
-    orientation: {
-      type: String,
-      default() { return 'left'; },
-      validator (value) {
-          return oneOf(value, ['left', 'right']);
-      }
-    },
-    dashed:{
-      type: Boolean,
-      default: false,
-    }
-  },
-  computed: {
-    hasSlot() {
-      return !!this.$slots.default;
-    },
-    classes() {
-      return [
-        `${prefixCls}`, 
-        `${prefixCls}-${this.type}`, 
-        { 
-          [`${prefixCls}-with-text-${this.orientation}`]: this.hasSlot,
-          [`${prefixCls}-dashed`]: !!this.dashed
+    export default {
+        name: 'Divider',
+        props: {
+            type: {
+                type: String,
+                default: 'horizontal',
+                validator (value) {
+                    return oneOf(value, ['horizontal', 'vertical']);
+                }
+            },
+            orientation: {
+                type: String,
+                default: 'left',
+                validator (value) {
+                    return oneOf(value, ['left', 'right']);
+                }
+            },
+            dashed: {
+                type: Boolean,
+                default: false,
+            }
+        },
+        computed: {
+            hasSlot() {
+                return !!this.$slots.default;
+            },
+            classes() {
+                return [
+                    `${prefixCls}`,
+                    `${prefixCls}-${this.type}`,
+                    {
+                        [`${prefixCls}-with-text-${this.orientation}`]: this.hasSlot,
+                        [`${prefixCls}-dashed`]: !!this.dashed
+                    }
+                ];
+            },
+            slotClasses() {
+                return [
+                    `${prefixCls}-inner-text`,
+                ]
+            }
         }
-      ];
-    },
-    slotClasses() {
-      return [
-        `${prefixCls}-inner-text`,
-      ]
     }
-  }
-}
-</script>
-
-<style>
-
-</style>
+</script>
\ No newline at end of file
--
libgit2 0.21.4