yks-element 1.0.4 → 1.0.43

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yks-element",
-  "version": "1.0.4",
+  "version": "1.0.43",
   "description": "yks公共库",
   "private": false,
   "keywords": [
@@ -27,8 +27,6 @@
   "style": "lib/theme-chalk/index.css",
   "files": [
     "lib",
-    "dist",
-    "packages",
     "types"
   ],
   "typings": "types/index.d.ts",

package/lib/theme-chalk/topic.css

@@ -1 +0,0 @@
-.required__label,.yks-topics{position:relative}.required__label::before{content:'*';color:#F5222D;margin-right:4px}.text__warning{color:#F5222D}.fill__other{font-size:12px;padding:10px;background:#e1f5fe;border:1px solid #bbdefb;border-radius:5px;margin-top:10px}.topic-stem__label{margin:30px 0;font-size:18px;font-weight:700}.yks-topics .cloze-single{margin:30px 0}.yks-topics .cloze-single .single-single__label{font-weight:700;font-size:18px;width:100px}.yks-topics .radio-tinymce{font-size:14px;margin-right:20px}.yks-topics .compound-button{margin:20px auto;width:60%}.yks-topics .el-radio-group{display:block}

package/packages/Dialog/index.js

@@ -1,8 +0,0 @@
-import YksDialog from './src/index';
-
-/* istanbul ignore next */
-YksDialog.install = function(Vue) {
-  Vue.component(YksDialog.name, YksDialog);
-};
-
-export default YksDialog;

package/packages/Dialog/src/index.vue

@@ -1,89 +0,0 @@
-<template>
-    <Dialog v-bind="dialogOptions" :visible.sync="visible" v-on="$listeners">
-        <slot slot="title" name="title"> </slot>
-        <yks-scrollbar :height="height">
-            <slot></slot>
-        </yks-scrollbar>
-        <template v-if="footer" #footer>
-            <slot name="footer">
-                <el-button type="primary" :disabled="loading" :loading="loading" @click="onSure">
-                    确 定
-                </el-button>
-                <el-button @click="onClose"> 取消 </el-button>
-            </slot>
-        </template>
-    </Dialog>
-</template>
-
-<script>
-import ElDialog from 'element-ui/lib/dialog'
-import { Dialog } from 'element-ui'
-/**
- * Dialog 表格组件
- * @module yks-dialog
- */
-
-export default {
-    name: 'YksDialog',
-    components: {
-        Dialog
-    },
-    props: {
-        /**
-         * 扩展属性参数
-         * @property {Array} [height = 390] scrollbar的高
-         * @property {Object} [show = false] 是否显示 Dialog
-         */
-        ...ElDialog.props,
-        height: {
-            type: String,
-            default: '390px'
-        },
-        show: {
-            type: Boolean,
-            default: false
-        },
-        loading: {
-            type: Boolean,
-            default: false
-        },
-        disabledSure: {
-            type: Boolean,
-            default: false
-        },
-        footer: {
-            type: Boolean,
-            default: true
-        }
-    },
-    data() {
-        return {
-            visible: false
-        }
-    },
-    computed: {
-        dialogOptions() {
-            const options = { ...this.$props }
-            delete options.height
-            delete options.visible
-            delete options.loading
-            delete options.disabledSure
-            delete options.footer
-            return options
-        }
-    },
-    watch: {
-        show(val) {
-            this.visible = val
-        }
-    },
-    methods: {
-        onClose() {
-            this.$emit('close', false)
-        },
-        onSure() {
-            this.$emit('sure', true)
-        }
-    }
-}
-</script>

package/packages/Multimedia/index.js

@@ -1,8 +0,0 @@
-import YksMultimedia from './src/index';
-
-/* istanbul ignore next */
-YksMultimedia.install = function(Vue) {
-  Vue.component(YksMultimedia.name, YksMultimedia);
-};
-
-export default YksMultimedia;

package/packages/Multimedia/src/index.vue

@@ -1,136 +0,0 @@
-<template>
-    <div class="yks-multimedia">
-        <div v-if="fileType === '1'" class="ks-stem__itemattrs" :title="fileName">
-            <div class="yks-tc file-stem">
-                <el-image
-                    class="ks-stem__icon"
-                    :src="iconUrl(data.content)"
-                    fit="cover"
-                    @click="handleClick"
-                ></el-image>
-                <i
-                    v-if="visibleDel"
-                    class="el-icon-error media-delfile"
-                    @click.stop="handleCloseFile"
-                ></i>
-            </div>
-        </div>
-        <div v-else-if="fileType === '2'">
-            <yks-video :src="data.content"></yks-video>
-            <i
-                v-if="visibleDel"
-                class="el-icon-error media-delfile"
-                @click.stop="handleCloseFile"
-            ></i>
-        </div>
-        <div v-else class="ks-stem__itemattrs" :title="fileName">
-            <div class="yks-tc file-stem">
-                <i class="el-icon-document-remove ks-stem__remove" @click="handleClick"></i>
-                <i
-                    v-if="visibleDel"
-                    class="el-icon-error media-delfile"
-                    @click.stop="handleCloseFile"
-                ></i>
-            </div>
-        </div>
-        <div class="ks-stem__content yks-text-ellipsis">
-            {{ fileName }}
-        </div>
-    </div>
-</template>
-<script>
-import xlsx from 'yks/icon/ks-xslx.png'
-import pdf from 'yks/icon/ks-pdf.png'
-import docx from 'yks/icon/ks-word.png'
-import pptx from 'yks/icon/ks-ppt.png'
-
-export default {
-    name: 'YksMultimedia',
-    props: {
-        data: Object,
-        visibleDel: { type: Boolean, default: false }
-    },
-    computed: {
-        fileName() {
-            const url = this.data.content || ''
-            const name = url.substr(url.lastIndexOf('/') + 1).toLowerCase()
-            return this.revertUTF8(name)
-        },
-        /* 获取文件后缀 */
-        fileNameType() {
-            const url = this.data.content || ''
-            return url.substr(url.lastIndexOf('.') + 1).toLowerCase()
-        },
-        fileType() {
-            if (['xlsx', 'pdf', 'docx', 'pptx'].includes(this.fileNameType)) {
-                return '1'
-            }
-            if (['mp3', 'mp4'].includes(this.fileNameType)) {
-                return '2'
-            }
-            return false
-        }
-    },
-
-    methods: {
-        handleClick() {
-            window.open(this.data.content, '_blank')
-        },
-
-        handleCloseFile() {
-            this.$emit('delete', this.data)
-        },
-
-        revertUTF8(szInput) {
-            let x
-            let wch
-            let wch1
-            let wch2
-            let szRet = ''
-            for (x = 0; x < szInput.length; x++) {
-                // eslint-disable-next-line eqeqeq
-                if (szInput.charAt(x) == '%') {
-                    wch = parseInt(szInput.charAt(++x) + szInput.charAt(++x), 16)
-                    if (!wch) {
-                        break
-                    }
-                    if (!(wch & 0x80)) {
-                        // eslint-disable-next-line no-self-assign
-                        wch = wch
-                    } else if (!(wch & 0x20)) {
-                        x++
-                        wch1 = parseInt(szInput.charAt(++x) + szInput.charAt(++x), 16)
-                        wch = (wch & 0x1f) << 6
-                        wch1 = wch1 & 0x3f
-                        wch = wch + wch1
-                    } else {
-                        x++
-                        wch1 = parseInt(szInput.charAt(++x) + szInput.charAt(++x), 16)
-                        x++
-                        wch2 = parseInt(szInput.charAt(++x) + szInput.charAt(++x), 16)
-                        wch = (wch & 0x0f) << 12
-                        wch1 = (wch1 & 0x3f) << 6
-                        wch2 = wch2 & 0x3f
-                        wch = wch + wch1 + wch2
-                    }
-                    szRet += String.fromCharCode(wch)
-                } else {
-                    szRet += szInput.charAt(x)
-                }
-            }
-            return szRet
-        },
-
-        iconUrl() {
-            const params = {
-                xlsx: xlsx,
-                pdf: pdf,
-                docx: docx,
-                pptx: pptx
-            }
-            return params[this.fileNameType] || params.docx
-        }
-    }
-}
-</script>
-

package/packages/Pagination/index.js

@@ -1,8 +0,0 @@
-import YksPagination from './src/index';
-
-/* istanbul ignore next */
-YksPagination.install = function(Vue) {
-  Vue.component(YksPagination.name, YksPagination);
-};
-
-export default YksPagination;

package/packages/Pagination/src/index.vue

@@ -1,111 +0,0 @@
-<template>
-    <div :class="{ hidden: hidden }" class="yks-pagination yks-flex">
-        <div v-if="sizesValue" class="flex-1 yks-flex h-start ks-sizes">
-            每页显示
-            <yks-select
-                v-model="sizeValues"
-                :data="sizesPageSizes"
-                class="ks-select-sizes"
-                @change="changeSizeValues"
-            ></yks-select>
-        </div>
-        <el-pagination
-            :background="background"
-            :current-page.sync="pageOption.page"
-            :page-size.sync="pageOption.pageSize"
-            :layout="layoutValue"
-            :page-sizes="pageSizes"
-            :total="pageOption.total"
-            v-bind="$attrs"
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-        >
-        </el-pagination>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'YksPagination',
-    props: {
-        pageOption: {
-            required: true,
-            type: Object,
-            default: () => {
-                return {
-                    total: 0, // 总条数
-                    page: 1, // 当前页数
-                    pageSize: 10 // 页面大小
-                }
-            }
-        },
-        pageSizes: {
-            default: () => [10, 20, 50, 100]
-        },
-        layout: { default: 'sizes, total, prev, pager, next, jumper' },
-        background: { default: false },
-        autoScroll: { default: true },
-        hidden: { default: false }
-    },
-    data() {
-        return {
-            sizeValues: ''
-        }
-    },
-    computed: {
-        layoutValue() {
-            const value = this.layout.split(',')
-            const layout = value.filter((v) => v.trim() !== 'sizes').join(',')
-            return layout
-        },
-        sizesValue() {
-            const value = this.layout.split(',')
-            const sizes = value.some((v) => v.trim() === 'sizes')
-            return sizes
-        },
-        sizesPageSizes() {
-            return this.pageSizes.map((v) => {
-                return {
-                    value: v,
-                    label: v
-                }
-            })
-        }
-    },
-    created() {
-        this.sizeValues = this.pageOption.pageSize
-    },
-    methods: {
-        changeSizeValues(value) {
-            this.$emit(
-                'pagination',
-                Object.assign(this.pageOption, {
-                    pageSize: value,
-                    page: 1
-                })
-            )
-        },
-
-        handleSizeChange(value) {
-            this.$emit(
-                'pagination',
-                Object.assign(this.pageOption, {
-                    pageSize: value,
-                    page: 1
-                })
-            )
-        },
-
-        handleCurrentChange(value) {
-            this.$emit(
-                'pagination',
-                Object.assign(this.pageOption, {
-                    page: value
-                })
-            )
-        }
-    }
-}
-</script>
-
-

package/packages/Scrollbar/index.js

@@ -1,8 +0,0 @@
-import YksScrollbar from './src/index';
-
-/* istanbul ignore next */
-YksScrollbar.install = function(Vue) {
-  Vue.component(YksScrollbar.name, YksScrollbar);
-};
-
-export default YksScrollbar;

package/packages/Scrollbar/src/index.vue

@@ -1,20 +0,0 @@
-<template>
-    <el-scrollbar class="yks-scrollbar" :style="{ height }" wrap-class="default-scrollbar__wrap">
-        <div class="yks-contents">
-            <slot></slot>
-        </div>
-    </el-scrollbar>
-</template>
-
-<script>
-export default {
-    name: 'YksScrollbar',
-    props: {
-        height: {
-            type: String,
-            default: 'auto'
-        }
-    }
-}
-</script>
-

package/packages/Select/index.js

@@ -1,8 +0,0 @@
-import YksSelect from './src/index';
-
-/* istanbul ignore next */
-YksSelect.install = function(Vue) {
-  Vue.component(YksSelect.name, YksSelect);
-};
-
-export default YksSelect;