cnhis-design-vue 2.1.58 → 2.1.59

package/packages/radio/src/RadioImg/index.vue

@@ -1,125 +1,125 @@
-<!--
- * @Author: zhouzhiliang
- * @LastEditors: zhouzhiliang
- * @Date: 2021-07-09 17:47:24
- * @LastEditTime: 2021-07-15 18:10:41
- * @Email: 
- * @FilePath: \cnhis-design-vue\packages\radio\src\RadioImg\index.vue
- * @Description: 
--->
-<template>
-  <div :class="[is_contain_images == 1 ? 'crosswise-radio-container' : '']">
-    <a-radio-group v-bind="$attrs" v-on="$listeners">
-      <span v-for="(v, k) in option" :key="k" class="crosswise-checkbox-wrap">
-        <span v-if="is_contain_images == 1 && v.imageBase64" class="checkbox-img">
-          <img class="show-picture" :src="v.imageBase64" @click.stop.prevent="previewPic(v.imageBase64)" />
-        </span>
-        <a-radio :value="v.value">
-          <span @click.stop.prevent class="radio-text-warp">
-            {{v.text}}
-          </span>
-        </a-radio>
-      </span>
-    </a-radio-group>
-
-    <!-- 图片预览 -->
-    <viewer class="viewer-picture" ref="viewer" :images="previewImages" @inited="inited" style="display: none">
-      <template slot-scope="scope">
-        <img v-for="src in scope.images" :src="src" :key="src" />
-      </template>
-    </viewer>
-  </div>
-</template>
-
-<script>
-  import { component as Viewer } from "v-viewer";
-  import 'viewerjs/dist/viewer.css'
-  import create from '@/core/create';
-  import {
-    Radio
-  } from 'ant-design-vue';
-  import Vue from "vue";
-  export default create({
-    name: "radio-img",
-    data() {
-      return {
-        radioVal: "",
-        previewImages: []
-      };
-    },
-    props: {
-      option: {
-        type: Array,
-        default: () => []
-      },
-      is_contain_images: {
-        type: Number,
-        default: 0
-      }
-    },
-    computed: {},
-    watch: {},
-    beforeCreate() {
-      Vue.use(Radio)
-    },
-    created() {},
-    beforeMount() {},
-    mounted() {},
-    beforeUpdate() {},
-    updated() {},
-    beforeDestroy() {},
-    destroyed() {},
-    activated() {},
-    methods: {
-
-      inited(viewer) {
-        this.$viewer = viewer;
-      },
-
-      previewPic(item) {
-        this.previewImages = [item];
-        this.$viewer.show();
-      }
-    },
-    components: {
-      Viewer,
-    }
-  });
-</script>
-
-<style lang="less" scoped>
-  .crosswise-checkbox-wrap {
-    display: inline-flex;
-    flex-direction: column;
-    padding: 0 10px;
-    align-items: center;
-  }
-
-  .show-picture {
-    height: 62px;
-    width: 62px;
-    background: #ffffff;
-    border-radius: 4px;
-    border: 1px solid #d5d5d5;
-    object-fit: cover;
-    cursor: pointer;
-  }
-
-  .crosswise-radio-container {
-    width: 100%;
-    padding: 16px 16px 16px 32px;
-    border-radius: 4px;
-    border: 1px solid #d5d5d5;
-    display: inline-flex;
-
-    /deep/ .ant-checkbox-group {
-      display: inline-flex;
-      align-items: flex-end;
-    }
-
-    /deep/ .ant-radio-group {
-      display: inline-flex;
-      align-items: flex-end;
-    }
-  }
+<!--
+ * @Author: zhouzhiliang
+ * @LastEditors: zhouzhiliang
+ * @Date: 2021-07-09 17:47:24
+ * @LastEditTime: 2021-07-15 18:10:41
+ * @Email: 
+ * @FilePath: \cnhis-design-vue\packages\radio\src\RadioImg\index.vue
+ * @Description: 
+-->
+<template>
+  <div :class="[is_contain_images == 1 ? 'crosswise-radio-container' : '']">
+    <a-radio-group v-bind="$attrs" v-on="$listeners">
+      <span v-for="(v, k) in option" :key="k" class="crosswise-checkbox-wrap">
+        <span v-if="is_contain_images == 1 && v.imageBase64" class="checkbox-img">
+          <img class="show-picture" :src="v.imageBase64" @click.stop.prevent="previewPic(v.imageBase64)" />
+        </span>
+        <a-radio :value="v.value">
+          <span @click.stop.prevent class="radio-text-warp">
+            {{v.text}}
+          </span>
+        </a-radio>
+      </span>
+    </a-radio-group>
+
+    <!-- 图片预览 -->
+    <viewer class="viewer-picture" ref="viewer" :images="previewImages" @inited="inited" style="display: none">
+      <template slot-scope="scope">
+        <img v-for="src in scope.images" :src="src" :key="src" />
+      </template>
+    </viewer>
+  </div>
+</template>
+
+<script>
+  import { component as Viewer } from "v-viewer";
+  import 'viewerjs/dist/viewer.css'
+  import create from '@/core/create';
+  import {
+    Radio
+  } from 'ant-design-vue';
+  import Vue from "vue";
+  export default create({
+    name: "radio-img",
+    data() {
+      return {
+        radioVal: "",
+        previewImages: []
+      };
+    },
+    props: {
+      option: {
+        type: Array,
+        default: () => []
+      },
+      is_contain_images: {
+        type: Number,
+        default: 0
+      }
+    },
+    computed: {},
+    watch: {},
+    beforeCreate() {
+      Vue.use(Radio)
+    },
+    created() {},
+    beforeMount() {},
+    mounted() {},
+    beforeUpdate() {},
+    updated() {},
+    beforeDestroy() {},
+    destroyed() {},
+    activated() {},
+    methods: {
+
+      inited(viewer) {
+        this.$viewer = viewer;
+      },
+
+      previewPic(item) {
+        this.previewImages = [item];
+        this.$viewer.show();
+      }
+    },
+    components: {
+      Viewer,
+    }
+  });
+</script>
+
+<style lang="less" scoped>
+  .crosswise-checkbox-wrap {
+    display: inline-flex;
+    flex-direction: column;
+    padding: 0 10px;
+    align-items: center;
+  }
+
+  .show-picture {
+    height: 62px;
+    width: 62px;
+    background: #ffffff;
+    border-radius: 4px;
+    border: 1px solid #d5d5d5;
+    object-fit: cover;
+    cursor: pointer;
+  }
+
+  .crosswise-radio-container {
+    width: 100%;
+    padding: 16px 16px 16px 32px;
+    border-radius: 4px;
+    border: 1px solid #d5d5d5;
+    display: inline-flex;
+
+    /deep/ .ant-checkbox-group {
+      display: inline-flex;
+      align-items: flex-end;
+    }
+
+    /deep/ .ant-radio-group {
+      display: inline-flex;
+      align-items: flex-end;
+    }
+  }
 </style>

package/packages/rate/index.js

@@ -1,12 +1,12 @@
-// 导入组件
-import Base from '../base';
-import Rate from './src/Rate';
-
-// 为组件提供 install 安装方法，供按需引入
-Rate.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(Rate.name, Rate);
-};
-
-// 默认导出组件
-export default Rate;
+// 导入组件
+import Base from '../base';
+import Rate from './src/Rate';
+
+// 为组件提供 install 安装方法，供按需引入
+Rate.install = function(Vue) {
+  Vue.use(Base);
+  Vue.component(Rate.name, Rate);
+};
+
+// 默认导出组件
+export default Rate;

package/packages/rate/src/Rate.jsx

@@ -1,11 +1,11 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Rate } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'rate',
-  extends: Rate
-});
+/**
+ * @author pengpeng
+ * @desc 全继承antd组件，后期再扩展
+ * @time 2021-05-13
+ */
+import { Rate } from 'ant-design-vue';
+import create from '@/core/create';
+export default create({
+  name: 'rate',
+  extends: Rate
+});

package/packages/result/index.js

@@ -1,12 +1,12 @@
-// 导入组件
-import Base from '../base';
-import Result from './src/Result';
-
-// 为组件提供 install 安装方法，供按需引入
-Result.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(Result.name, Result);
-};
-
-// 默认导出组件
-export default Result;
+// 导入组件
+import Base from '../base';
+import Result from './src/Result';
+
+// 为组件提供 install 安装方法，供按需引入
+Result.install = function(Vue) {
+  Vue.use(Base);
+  Vue.component(Result.name, Result);
+};
+
+// 默认导出组件
+export default Result;

package/packages/result/src/Result.jsx

@@ -1,11 +1,11 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Result } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'result',
-  extends: Result
-});
+/**
+ * @author pengpeng
+ * @desc 全继承antd组件，后期再扩展
+ * @time 2021-05-13
+ */
+import { Result } from 'ant-design-vue';
+import create from '@/core/create';
+export default create({
+  name: 'result',
+  extends: Result
+});

package/packages/row/index.js

@@ -1,12 +1,12 @@
-// 导入组件
-import Base from '../base';
-import Row from './src/Row';
-
-// 为组件提供 install 安装方法，供按需引入
-Row.install = function(Vue) {
-  Vue.use(Base);
-  Vue.component(Row.name, Row);
-};
-
-// 默认导出组件
-export default Row;
+// 导入组件
+import Base from '../base';
+import Row from './src/Row';
+
+// 为组件提供 install 安装方法，供按需引入
+Row.install = function(Vue) {
+  Vue.use(Base);
+  Vue.component(Row.name, Row);
+};
+
+// 默认导出组件
+export default Row;

package/packages/row/src/Row.jsx

@@ -1,11 +1,11 @@
-/**
- * @author pengpeng
- * @desc 全继承antd组件，后期再扩展
- * @time 2021-05-13
- */
-import { Row } from 'ant-design-vue';
-import create from '@/core/create';
-export default create({
-  name: 'row',
-  extends: Row
-});
+/**
+ * @author pengpeng
+ * @desc 全继承antd组件，后期再扩展
+ * @time 2021-05-13
+ */
+import { Row } from 'ant-design-vue';
+import create from '@/core/create';
+export default create({
+  name: 'row',
+  extends: Row
+});

package/packages/scale-container/index.js

@@ -1,9 +1,9 @@
-import ScaleContainer from './src/ScaleContainer.vue';
-
-// 为组件提供 install 安装方法，供按需引入
-ScaleContainer.install = function(Vue) {
-  Vue.component(ScaleContainer.name, ScaleContainer);
-};
-
-// 默认导出组件
+import ScaleContainer from './src/ScaleContainer.vue';
+
+// 为组件提供 install 安装方法，供按需引入
+ScaleContainer.install = function(Vue) {
+  Vue.component(ScaleContainer.name, ScaleContainer);
+};
+
+// 默认导出组件
 export default ScaleContainer;