yks-element 1.0.322 → 1.0.792

package/packages/index.js

@@ -1,223 +0,0 @@
-/* element-ui */
-import elementUI, {
-    Pagination,
-    Dialog,
-    Autocomplete,
-    Dropdown,
-    DropdownMenu,
-    DropdownItem,
-    Menu,
-    Submenu,
-    MenuItem,
-    MenuItemGroup,
-    Input,
-    InputNumber,
-    Radio,
-    RadioGroup,
-    RadioButton,
-    Checkbox,
-    CheckboxButton,
-    CheckboxGroup,
-    Switch,
-    Select,
-    Option,
-    OptionGroup,
-    Button,
-    ButtonGroup,
-    Table,
-    TableColumn,
-    DatePicker,
-    TimeSelect,
-    TimePicker,
-    Popover,
-    Tooltip,
-    Breadcrumb,
-    BreadcrumbItem,
-    Form,
-    FormItem,
-    Tabs,
-    TabPane,
-    Tag,
-    Tree,
-    Alert,
-    Slider,
-    Icon,
-    Row,
-    Col,
-    Upload,
-    Progress,
-    Spinner,
-    Badge,
-    Card,
-    Rate,
-    Steps,
-    Step,
-    Carousel,
-    CarouselItem,
-    Collapse,
-    CollapseItem,
-    Cascader,
-    ColorPicker,
-    Transfer,
-    Container,
-    Header,
-    Aside,
-    Main,
-    Footer,
-    Timeline,
-    TimelineItem,
-    Link,
-    Divider,
-    Image,
-    Calendar,
-    Backtop,
-    PageHeader,
-    CascaderPanel,
-    Loading,
-    MessageBox,
-    Message,
-    Notification,
-    InfiniteScroll
-} from 'element-ui'
-
-/* element-ui */
-
-import YskButton from './Button'
-import YksDialog from './Dialog'
-import YksMultimedia from './Multimedia'
-import YksTinymce from './Tinymce'
-import YksPagination from './Pagination'
-import YksSelect from './Select'
-import YksScrollbar from './Scrollbar'
-import YksTable from './Table'
-import YksUploadfile from './UploadFile'
-import YksVideo from './Video'
-import YksOption from './option'
-import YksTopic from './Topic'
-
-import locale from 'element-ui/src/locale'
-const components = [
-    YskButton,
-    YksDialog,
-    YksMultimedia,
-    YksTinymce,
-    YksPagination,
-    YksSelect,
-    YksScrollbar,
-    YksTable,
-    YksUploadfile,
-    YksOption,
-    YksVideo,
-    ...YksTopic
-]
-const install = function (Vue, opts = {}) {
-    locale.use(opts.locale)
-    locale.i18n(opts.i18n)
-
-    components.forEach((item) => {
-        Vue.component(item.name, item)
-    })
-
-    Vue.use(InfiniteScroll)
-    Vue.use(Loading.directive)
-
-    Vue.prototype.$ELEMENT = {
-        size: opts.size || '',
-        zIndex: opts.zIndex || 2000
-    }
-    Vue.use(elementUI)
-    Vue.prototype.$loading = Loading.service
-    Vue.prototype.$msgbox = MessageBox
-    Vue.prototype.$alert = MessageBox.alert
-    Vue.prototype.$confirm = MessageBox.confirm
-    Vue.prototype.$prompt = MessageBox.prompt
-    Vue.prototype.$notify = Notification
-    Vue.prototype.$message = Message
-}
-if (typeof window !== 'undefined' && window.Vue) {
-    install(window.Vue)
-}
-export default {
-    version: '1.0.322',
-    locale: locale.use,
-    i18n: locale.i18n,
-    install,
-    /* element-ui */
-    Pagination,
-    Dialog,
-    Autocomplete,
-    Dropdown,
-    DropdownMenu,
-    DropdownItem,
-    Menu,
-    Submenu,
-    MenuItem,
-    MenuItemGroup,
-    Input,
-    InputNumber,
-    Radio,
-    RadioGroup,
-    RadioButton,
-    Checkbox,
-    CheckboxButton,
-    CheckboxGroup,
-    Switch,
-    Select,
-    Option,
-    OptionGroup,
-    Button,
-    ButtonGroup,
-    Table,
-    TableColumn,
-    DatePicker,
-    TimeSelect,
-    TimePicker,
-    Popover,
-    Tooltip,
-    Breadcrumb,
-    BreadcrumbItem,
-    Form,
-    FormItem,
-    Tabs,
-    TabPane,
-    Tag,
-    Tree,
-    Alert,
-    Slider,
-    Icon,
-    Row,
-    Col,
-    Upload,
-    Progress,
-    Spinner,
-    Badge,
-    Card,
-    Rate,
-    Steps,
-    Step,
-    Carousel,
-    CarouselItem,
-    Collapse,
-    CollapseItem,
-    Cascader,
-    ColorPicker,
-    Transfer,
-    Container,
-    Header,
-    Aside,
-    Main,
-    Footer,
-    Timeline,
-    TimelineItem,
-    Link,
-    Divider,
-    Image,
-    Calendar,
-    Backtop,
-    PageHeader,
-    CascaderPanel,
-    Loading,
-    MessageBox,
-    Message,
-    Notification
-}

package/packages/option/index.js

@@ -1,6 +0,0 @@
-import YksOption from '../Select/src/option.vue'
-
-YksOption.install = function (Vue) {
-    Vue.component(YksOption.name, YksOption)
-}
-export default YksOption

package/packages/styles/_mixin.scss

@@ -1,93 +0,0 @@
-// 清除浮动
-@mixin clearfix {
-    &:after {
-        content: '';
-        display: table;
-        clear: both;
-    }
-}
-
-// 单行位置省略号， `$substract`单位为%
-@mixin ellipsis($substract: 0) {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    width: 100% - $substract;
-}
-
-// 圆角
-@mixin rounded($radius) {
-    -webkit-border-radius: $radius;
-    -moz-border-radius: $radius;
-    border-radius: $radius;
-}
-
-// 阴影
-@mixin shadow($x, $y, $blur, $color) {
-    -webkit-box-shadow: $x $y $blur $color;
-    -moz-box-shadow: $x $y $blur $color;
-    box-shadow: $x $y $blur $color;
-}
-
-// 内阴影
-@mixin shadow-inset($x, $y, $blur, $color) {
-    -webkit-box-shadow: inset $x $y $blur $color;
-    -moz-box-shadow: inset $x $y $blur $color;
-    box-shadow: inset $x $y $blur $color;
-}
-
-// 过渡动画
-@mixin transition($property) {
-    -webkit-transition: $property 0.2s ease;
-    -moz-transition: $property 0.2s ease;
-    -o-transition: $property 0.2s ease;
-    transition: $property 0.2s ease;
-}
-
-@mixin box-sizing {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-}
-
-// 线性渐变背景色
-@mixin linear-gradient($from, $to) {
-    /* Fallback for sad browsers */
-    background-color: $to;
-    /* Mozilla Firefox */
-    background-image: -moz-linear-gradient($from, $to);
-    /* Opera */
-    background-image: -o-linear-gradient($from, $to);
-    /* WebKit (Safari 4+, Chrome 1+) */
-    background-image: -webkit-gradient(
-        linear,
-        left top,
-        left bottom,
-        color-stop(0, $from),
-        color-stop(1, $to)
-    );
-    /* WebKit (Chrome 11+) */
-    background-image: -webkit-linear-gradient($from, $to);
-    /* IE10 */
-    background-image: -ms-linear-gradient($from, $to);
-    /* W3C */
-    background-image: linear-gradient($from, $to);
-}
-
-@mixin inline-block {
-    display: inline-block;
-    vertical-align: top;
-}
-
-// 虚线树组件 的 自定义indent（缩进）样式调整
-@mixin tree-indent($indent) {
-    .el-tree {
-        div[role='group'] {
-            .el-tree-node__expand-icon::after {
-                content: '';
-                width: $indent - 6px; //calc(12px + 48px - 18px);
-                left: $indent * -1 + 12px; //calc( 48px * -1 + 12px );
-            }
-        }
-    }
-}

package/packages/styles/_variables.scss

@@ -1,40 +0,0 @@
-$--color-primary: #3b7cec !default;
-$--color-success: #4de2b3 !default;
-$--color-warning: #ffba00 !default;
-$--color-danger: #F5222D !default;
-$--color-text-regular: #5d5d5d !default;
-$--color-text-primary: #5d5d5d !default;
-$--color-text-secondary: #8998ac !default;
-$--color-text-placeholder: #8998ac !default;
-$--border-color-base: #dfe4ed !default;
-$--border-color-deeper: #aeb9ca !default;
-$--border-color-light: #dfe4ed !default;
-$--border-color-lighter: #e6ebf5 !default;
-$--border-color-extra-light: #dfe4ed !default;
-$--background-color-base: #f5f8fc !default;
-$--button-font-weight: 400;
-
-$--color-info: #8998ac !default;
-$--input-font-color: #5d5d5d !default;
-$--input-icon-color: #5d5d5d !default;
-$--input-placeholder-color: #8998ac !default;
-$--base-hover-color: #f9fafc !default;
-/*radio*/
-$--radio-border-color: #aeb9ca !default;
-/*switch*/
-$--switch-off-color: #e0e4ea !default;
-/*select*/
-$--select-color: #f9fafc !default;
-
-$--select-border-color: #f5f6f5 !default;
-$--select-shadow-color: #d0d0d0 !default;
-/*dialog*/
-$--dialog-border-radius: 6px !default;
-
-/*table*/
-$--table-padding: 14px 0 !default;
-$--table-hover-color: #f9fafc !default;
-$--table-border: 1px solid #dfe6ec;
-
-/*Typography*/
-$--yks-font-path: 'fonts' !default;

package/packages/styles/common.scss

@@ -1,200 +0,0 @@
-@import './variables';
-@import './mixin';
-@import './element-variables';
-
-* {
-    box-sizing: border-box;
-}
-
-.yks-tc {
-    text-align: center;
-}
-
-.yks-tr {
-    text-align: right;
-}
-
-.yks-tl {
-    text-align: left;
-}
-
-.yks-text-ellipsis {
-    text-overflow: ellipsis;
-    white-space: nowrap !important;
-    overflow: hidden;
-
-    span {
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        overflow: hidden;
-    }
-}
-
-/* 显示一行 截断显示 */
-.yks-text-clip {
-    text-overflow: clip;
-    white-space: nowrap;
-    overflow: hidden;
-}
-
-/* 强制换行显示 */
-/*  word-wrap 对于长英文无解*/
-.yks-text-wrap {
-    white-space: normal;
-    word-wrap: break-word;
-    word-break: break-all;
-}
-
-/** 针对webkit 多行文本显示...  **/
-.yks-multi-ellipsis {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-}
-
-.yks-multi-2 {
-    -webkit-line-clamp: 2;
-}
-
-.yks-multi-3 {
-    -webkit-line-clamp: 3;
-}
-
-.yks-multi-4 {
-    -webkit-line-clamp: 4;
-}
-
-.yks-w_60 {
-    width: 60px !important;
-}
-
-.yks-w_80 {
-    width: 80px !important;
-}
-
-.yks-w_100 {
-    width: 100px !important;
-}
-
-.yks-w_120 {
-    width: 120px !important;
-}
-
-.yks-w_140 {
-    width: 140px !important;
-}
-
-.yks-w_160 {
-    width: 160px !important;
-}
-
-.yks-w_210 {
-    width: 210px !important;
-}
-
-.yks-w_270 {
-    width: 270px !important;
-}
-
-.yks-w_330 {
-    width: 310px !important;
-}
-
-.yks-flex {
-    display: flex;
-    align-items: center;
-
-    &.v-center {
-        align-items: center;
-    }
-
-    &.v-start {
-        align-items: flex-start;
-    }
-
-    &.v-end {
-        align-items: flex-end;
-    }
-
-    &.h-start {
-        justify-content: flex-start;
-    }
-
-    &.h-between {
-        justify-content: space-between;
-    }
-
-    &.h-around {
-        justify-content: space-around;
-    }
-
-    &.h-end {
-        justify-content: flex-end;
-    }
-
-    &.h-center {
-        justify-content: center;
-    }
-
-    &.f-wrap {
-        flex-wrap: wrap;
-    }
-
-    .flex-1 {
-        flex: 1;
-    }
-}
-
-.yks-ml10 {
-    margin-left: 10px;
-}
-
-.yks-mt10 {
-    margin-top: 10px;
-}
-
-.yks-mr10 {
-    margin-right: 10px;
-}
-
-.yks-mb10 {
-    margin-bottom: 10px;
-}
-
-.yks-mb20 {
-    margin-bottom: 20px !important;
-}
-
-.yks-mt20 {
-    margin-top: 20px !important;
-}
-
-.yks-fs-12 {
-    font-size: 12px;
-}
-
-.yks-primary {
-    color: $--color-primary;
-}
-
-.yks-success {
-    color: $--color-success;
-}
-
-.yks-warning {
-    color: $--color-warning;
-}
-
-.yks-info {
-    color: $--color-info;
-}
-
-.yks-danger {
-    color: $--color-danger;
-}
-
-.yks-disabled {
-    cursor: no-drop !important;
-    opacity: 0.5 !important;
-}

package/packages/styles/element-ui.scss

@@ -1,135 +0,0 @@
-@import './variables';
-@import './mixin';
-@import './element-variables';
-
-.el-scrollbar__wrap.default-scrollbar__wrap {
-    overflow-x: hidden;
-    overflow-y: auto;
-}
-
-.el-scrollbar__wrap.scrollbar__wrap-x {
-    overflow-x: auto;
-    overflow-y: hidden;
-}
-
-.el-dialog__header {
-    border-bottom: solid 1px $--border-color-lighter;
-}
-
-.el-dialog__body {
-    padding: 0 30px;
-}
-
-.el-dialog__footer {
-    border-top: solid 1px $--border-color-lighter;
-    padding: 15px 20px;
-}
-
-.el-tabs__nav-wrap::after {
-    height: 1px;
-    background-color: #ffffff;
-}
-
-.el-button--default {
-    &.ks-shadow {
-        width: 78px;
-        height: 36px;
-        background: #f7f7f7;
-        background-image: linear-gradient(179deg, #f4f6f9 0%, #ffffff 100%);
-        box-shadow: 10px 10px 20px 0 #d1d9e6, -10px -10px 20px 0 #ffffff;
-        border: none;
-    }
-}
-
-.el-button--text {
-    &.ks-shadow {
-        color: #3a3b3f;
-    }
-}
-
-.ks-alert-danger {
-    background: $--color-danger !important;
-    border-color: $--color-danger !important;
-    border-radius: 4px !important;
-}
-
-.ks-alert-warning {
-    background: $--color-warning !important;
-    border-color: $--color-warning !important;
-    border-radius: 4px !important;
-}
-
-.ks-alert-success {
-    background: $--color-success !important;
-    border-color: $--color-success !important;
-    border-radius: 4px !important;
-}
-.el-message-box__header {
-    padding: 30px 30px 20px;
-    .el-message-box__title {
-        span {
-            font-size: 20px !important;
-            font-weight: bold;
-            color: #191919 !important;
-            letter-spacing: 0 !important;
-        }
-    }
-}
-
-.el-message-box__headerbtn {
-    top: 30px;
-    background: #f5f5f5;
-    border-radius: 50%;
-    width: 21px;
-    height: 21px;
-}
-.el-message-box__content {
-    padding: 0 15px 0 30px;
-    min-height: 60px;
-    font-size: 14px;
-    color: #191919;
-    letter-spacing: 0;
-}
-.el-message-box {
-    padding-bottom: 20px;
-}
-.ks-el-input {
-    .el-input__inner {
-        background: #f7f7f7;
-        background-image: linear-gradient(179deg, #f4f6f9 0%, #ffffff 100%);
-        border: 1px solid #ffffff;
-        box-shadow: inset -6px -6px 10px 0 #ffffff, inset 6px 6px 10px 0 #d1d9e6;
-        border-radius: 4px;
-    }
-    .el-input__suffix {
-        i {
-            color: #0f5ccd !important;
-        }
-    }
-    .el-input__prefix {
-        i {
-            color: #0f5ccd !important;
-        }
-    }
-}
-
-.ks-date-picker {
-    background: #f7f7f7;
-    background-image: linear-gradient(179deg, #f4f6f9 0%, #ffffff 100%);
-    border: 1px solid #ffffff;
-    box-shadow: inset -6px -6px 10px 0 #ffffff, inset 6px 6px 10px 0 #d1d9e6;
-    border-radius: 4px;
-    .el-range-input,
-    &.is-disabled .el-range-input {
-        background: transparent;
-    }
-    i {
-        color: #0f5ccd !important;
-    }
-}
-
-.el-popper {
-    &.el-select-dropdown {
-        max-width: 400px !important;
-    }
-}