@kengic/vue 0.30.1-beta.93 → 0.30.1-beta.95

package/api/api.ts

@@ -0,0 +1 @@
+export { WMSAPI as WMS } from './WMS';

package/api/def.ts

@@ -0,0 +1 @@
+export { WMSDEF as WMS } from './WMS';

package/api/index.ts

@@ -0,0 +1,2 @@
+export * as API from './api';
+export * as DEF from './def';

package/asset/ant.less

@@ -0,0 +1,678 @@
+// 覆盖 ant-design 的样式
+
+@import '../../../ant-design-vue/lib/button/style/index.css';
+@import '../../../ant-design-vue/lib/menu/style/index.css';
+@import '../../../ant-design-vue/lib/pagination/style/index.css';
+@import '../../../ant-design-vue/lib/select/style/index.css';
+@import '../../../ant-design-vue/lib/spin/style/index.css';
+@import '../../../ant-design-vue/lib/form/style/index.css';
+@import '../../../ant-design-vue/lib/input/style/index.css';
+@import '../../../ant-design-vue/lib/input-number/style/index.css';
+@import '../../../ant-design-vue/lib/switch/style/index.css';
+@import '../../../ant-design-vue/lib/checkbox/style/index.css';
+@import '../../../ant-design-vue/lib/tooltip/style/index.css';
+@import '../../../ant-design-vue/lib/notification/style/index.css';
+@import '../../../ant-design-vue/lib/message/style/index.css';
+@import '../../../ant-design-vue/lib/modal/style/index.css';
+@import 'var.less';
+
+.ant-input,
+.ant-input-number-input {
+    font-family: 'Microsoft YaHei', '微软雅黑', SimSun, '宋体', sans-serif;
+}
+
+.ant-btn {
+    padding: 4px 12px !important;
+    border-radius: 4px;
+}
+
+.ant-btn > .iconify + span {
+    margin-left: 8px;
+}
+
+.ant-btn > span + .iconify {
+    margin-left: 8px;
+}
+
+.ant-btn-sm {
+    padding: 0px 8px !important;
+    border-radius: 2px !important;
+    font-size: 13px !important;
+
+    span.anticon:not(.app-iconify) {
+        vertical-align: 0.085em !important;
+    }
+}
+
+.ant-btn-sm > .anticon + span,
+.ant-btn-sm > span + .anticon {
+    margin-left: 4px !important;
+}
+
+.ant-form-item {
+    margin-bottom: 20px !important;
+
+    &.ant-form-item-with-help {
+        margin-bottom: 0px !important;
+
+        .ant-form-item-explain {
+            height: 20px !important;
+            min-height: 20px !important;
+        }
+    }
+}
+
+.ant-form-vertical {
+    .ant-form-item-control-input {
+        align-items: flex-start;
+    }
+}
+
+.ant-form-item-control-input > .ant-form-item-control-input-content > .ant-checkbox-wrapper > .ant-checkbox {
+    top: 0px !important;
+}
+
+.ant-table-thead > tr > th {
+    font-weight: normal !important;
+}
+
+.ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr.ant-table-placeholder > td {
+    border-right: none !important;
+}
+
+.ant-table.ant-table-ping-left {
+    .ant-table-thead > tr > th:not(:last-child):not(.ant-table-row-expand-icon-cell):not([colspan]).ant-table-cell-fix-left-last::before {
+        background-color: transparent !important;
+    }
+}
+
+.ant-table.ant-table-small .ant-table-expanded-row-fixed {
+    margin: -8px -10px !important;
+}
+
+.ant-table-thead > tr > th:not(:last-child):not(.ant-table-row-expand-icon-cell):not([colspan]) {
+    &::before {
+        position: absolute !important;
+        top: 50% !important;
+        right: 0 !important;
+        width: 1px !important;
+        height: 100% !important;
+        background-color: rgba(0, 0, 0, 0.06) !important;
+        transform: translateY(-50%) !important;
+        transition: none !important;
+        content: '' !important;
+    }
+}
+
+.ant-table-resize-handle.dragging {
+    width: 2016px !important;
+    right: -1008px !important;
+
+    .ant-table-resize-handle-line {
+        margin-left: 1007px !important;
+    }
+}
+
+// 表头过滤下拉列表
+.ant-table-filter-dropdown {
+    border: 1px solid #d9d9d9 !important;
+    border-radius: 4px !important;
+
+    & > .ant-dropdown-menu {
+        border: none !important;
+
+        .ant-dropdown-menu-item {
+            padding: 5px 6px !important;
+
+            span.ant-dropdown-menu-title-content {
+                display: flex;
+                align-items: center;
+                justify-content: start;
+
+                & > span {
+                    flex: 1 !important;
+                }
+
+                .ant-checkbox {
+                    top: 0 !important;
+                }
+            }
+        }
+    }
+
+    & > .ant-table-filter-dropdown-btns {
+        border-radius: 0 0 4px 4px !important;
+        padding: 6px 6px !important;
+        justify-content: flex-end !important;
+
+        & > .ant-btn {
+            height: 32px !important;
+            padding: 4px 15px !important;
+            font-size: 14px !important;
+            border-radius: 4px !important;
+
+            &:first-child {
+                border-color: #1890ff !important;
+
+                &:hover {
+                    border-color: #40a9ff !important;
+                }
+
+                &[disabled] {
+                    border-color: #d9d9d9 !important;
+                    background: #f5f5f5 !important;
+                }
+            }
+
+            &:last-child {
+                margin-left: 4px !important;
+            }
+        }
+    }
+}
+
+.ant-form-vertical .ant-form-item-label,
+.ant-col-24.ant-form-item-label,
+.ant-col-xl-24.ant-form-item-label {
+    padding-bottom: 2px !important;
+}
+
+.ant-form-item-explain,
+.ant-form-item-extra {
+    font-size: 13px !important;
+}
+
+.ant-layout-sider {
+    user-select: none !important;
+}
+
+.ant-pagination-item-active {
+    font-weight: normal !important;
+}
+
+.ant-modal-mask {
+    background-color: rgba(0, 0, 0, 0.25) !important;
+}
+
+// 圆角样式
+.ant-modal-content {
+    border-radius: 6px !important;
+
+    .ant-modal-close-x {
+        border-radius: 0px 5px 0 0 !important;
+    }
+}
+
+.ant-modal-header {
+    border-radius: 6px 6px 0 0 !important;
+}
+
+.ant-modal-footer {
+    border-radius: 0 0 6px 6px !important;
+}
+
+.ant-modal-confirm-body .ant-modal-confirm-title {
+    border-radius: 6px 6px 0px 0px !important;
+}
+
+.ant-modal {
+    max-width: calc(100% - 24px) !important;
+
+    .ant-modal-content {
+        border: 1px solid #666 !important;
+        box-shadow:
+            0 3px 6px -4px rgba(0, 0, 0, 0.12),
+            0 6px 16px 0 rgba(0, 0, 0, 0.08),
+            0 9px 28px 8px rgba(0, 0, 0, 0.05) !important;
+
+        .ant-modal-close {
+            .ant-modal-close-x {
+                display: flex;
+                justify-content: flex-end;
+
+                > .ant-modal-close-icon {
+                    width: 47px !important;
+                    height: 47px !important;
+                    line-height: 47px !important;
+                    border-radius: 0px 5px 0 0 !important;
+
+                    &:hover {
+                        background: #e81123 !important;
+                        color: #fff !important;
+                    }
+                }
+            }
+        }
+
+        .ant-modal-header {
+            padding: 12px 13px 13px !important;
+
+            .ant-modal-title {
+                font-weight: normal !important;
+                line-height: 22px !important;
+            }
+        }
+
+        // 没有底部
+        .ant-modal-body:not(:has(+ .ant-modal-footer)) {
+            height: calc(100% - 48px) !important;
+        }
+
+        // 拥有底部
+        .ant-modal-body:has(+ .ant-modal-footer) {
+            height: calc(100% - 48px - 46px) !important;
+        }
+
+        .ant-modal-footer {
+            padding: 7px 6px 6px !important;
+
+            .ant-btn + .ant-btn:not(.ant-dropdown-trigger) {
+                margin-left: 4px !important;
+            }
+        }
+    }
+}
+
+.ant-modal.ant-modal-confirm {
+    .ant-modal-content {
+        .ant-modal-body {
+            padding: 6px !important;
+
+            .ant-modal-confirm-body > .anticon {
+                margin-top: -6px !important;
+                font-size: 17px !important;
+                margin-left: -6px !important;
+                background: #fff !important;
+                margin-right: 0px !important;
+                height: 40px !important;
+                width: 34px !important;
+                border-bottom: 1px solid #eee !important;
+                border-radius: 5px 0 0 0 !important;
+                padding: 0 !important;
+                display: flex !important;
+                align-items: center !important;
+                justify-content: center !important;
+            }
+
+            .ant-modal-confirm-body .ant-modal-confirm-title {
+                display: inline-block !important;
+                line-height: 38px !important;
+                margin-top: -6px !important;
+                background: #fff !important;
+                padding-top: 1px !important;
+                padding-left: 0 !important;
+                height: 40px !important;
+                width: calc(100% - 22px) !important;
+                margin-right: -6px !important;
+                border-bottom: 1px solid #eee !important;
+                margin-left: 0px !important;
+                border-radius: 5px 5px 0px 0px !important;
+            }
+
+            .ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
+                margin-left: 0px !important;
+                margin-top: 6px !important;
+                text-align: center !important;
+
+                & > div {
+                    text-align: center !important;
+                }
+            }
+
+            .ant-modal-confirm-body .ant-modal-confirm-content > * {
+                color: rgba(0, 0, 0, 0.85) !important;
+            }
+        }
+    }
+
+    .ant-modal-close {
+        .ant-modal-close-x {
+            width: 40px !important;
+            height: 40px !important;
+            line-height: 40px !important;
+            font-size: 14px !important;
+            color: #666 !important;
+            margin: 0 !important;
+            border-radius: 0px 5px 0 0 !important;
+            text-align: center !important;
+            border-bottom: 1px solid #eee !important;
+
+            > .ant-modal-close-icon {
+                width: 40px !important;
+                height: 40px !important;
+                line-height: 40px !important;
+            }
+
+            &:hover {
+                background: #e81123 !important;
+                color: #fff !important;
+            }
+        }
+    }
+
+    .ant-modal-confirm-btns .ant-btn + .ant-btn {
+        margin-left: 6px !important;
+    }
+}
+
+.ant-pagination {
+    user-select: none !important;
+}
+
+.ant-pagination-options {
+    margin-left: 0px !important;
+    display: inline-flex !important;
+
+    .ant-pagination-options-size-changer {
+        order: 1 !important;
+        margin-left: 4px !important;
+
+        .ant-select-dropdown .ant-select-item > .ant-select-item-option-content {
+            text-align: right !important;
+        }
+    }
+}
+
+.ant-dropdown-menu {
+    padding: 1px !important;
+    border: 1px solid #d9d9d9 !important;
+    border-radius: 5px !important;
+
+    & > li:not(:last-child) {
+        margin-bottom: 1px !important;
+    }
+
+    .ant-dropdown-menu-item {
+        padding: 5px 8px !important;
+        border-radius: 4px !important;
+    }
+
+    .ant-dropdown-menu-submenu-title {
+        padding: 5px 24px 5px 8px !important;
+        border-radius: 4px !important;
+
+        .ant-dropdown-menu-submenu-expand-icon {
+            line-height: 18px !important;
+        }
+    }
+}
+
+.ant-select .ant-select-selector .ant-select-selection-search {
+    left: 8px !important;
+}
+
+.ant-select-dropdown {
+    padding: 1px !important;
+    border-radius: 5px !important;
+    border: 1px solid #e5e5e5 !important;
+
+    .ant-select-item {
+        padding: 0px !important;
+        margin-bottom: 0px !important;
+        border-radius: 4px !important;
+
+        & > .ant-select-item-option-content {
+            height: 31px;
+            padding: 0px 8px !important;
+            border-radius: 3px;
+            display: flex;
+            align-items: center;
+        }
+
+        & > .ant-select-item-option-state {
+            display: none !important;
+        }
+
+        &:last-child {
+            min-height: 31px !important;
+        }
+
+        &:not(:last-child) {
+            & > .ant-select-item-option-content {
+                margin-bottom: 1px !important;
+            }
+        }
+    }
+
+    .ant-empty {
+        margin: 0 !important;
+
+        .ant-empty-image {
+            display: none !important;
+        }
+
+        .ant-empty-description {
+            margin: 0 !important;
+        }
+    }
+
+    .rc-virtual-list-scrollbar-show {
+        display: block !important;
+    }
+}
+
+.ant-select-item-option-active:not(.ant-select-item-option-disabled) {
+    background-color: transparent !important;
+
+    & > .ant-select-item-option-content {
+        background-color: #f5f5f5;
+    }
+}
+
+.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
+    background-color: transparent !important;
+    font-weight: normal !important;
+
+    & > .ant-select-item-option-content {
+        color: rgba(0, 0, 0, 0.85);
+        background-color: #e6f7ff;
+    }
+}
+
+.ant-select-tree .ant-select-tree-treenode {
+    padding: 0 0 1px 0 !important;
+
+    &:last-child {
+        padding: 0 0 0px 0 !important;
+    }
+}
+
+.ant-select-tree-show-line .ant-select-tree-switcher {
+    display: flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+}
+
+.ant-switch {
+    border-radius: 3px !important;
+
+    .ant-switch-handle::before {
+        border-radius: 2px !important;
+    }
+}
+
+.ant-switch:not(.ant-switch-disabled):active .ant-switch-handle::before {
+    right: 0 !important;
+    left: 0 !important;
+}
+
+.ant-switch:not(.ant-switch-disabled):active.ant-switch-checked .ant-switch-handle::before {
+    right: 0 !important;
+    left: 0 !important;
+}
+
+.ant-message-notice-content {
+    padding: 7px 10px !important;
+    border: 1px solid #d9d9d9 !important;
+    border-radius: 4px !important;
+
+    .ant-message-custom-content {
+        text-align: left;
+    }
+}
+
+/* notification */
+.ant-notification {
+    margin-right: 1px !important;
+    top: 49px !important;
+}
+
+.ant-notification-notice {
+    border: 1px solid #d9d9d9 !important;
+    padding: 11px 24px 0px 10px !important;
+    box-shadow:
+        0 3px 6px -4px #0000001f,
+        0 6px 16px #00000014,
+        0 9px 28px 8px #0000000d !important;
+    width: auto !important;
+    min-width: 400px !important;
+    max-width: calc(100vw - 2px) !important;
+    margin-bottom: 1px !important;
+}
+
+.ant-notification-notice .ant-notification-notice-close {
+    top: 1px;
+    right: 1px;
+    width: 45px;
+    height: 45px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 2px 4px 4px 2px;
+    transition: none !important;
+}
+
+.ant-notification-notice .ant-notification-notice-close:hover {
+    background: #e81123 !important;
+    color: #fff !important;
+}
+
+.ant-notification-notice .ant-notification-notice-close .ant-notification-close-x {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.ant-notification-notice-with-icon .ant-notification-notice-message {
+    font-size: 14px !important;
+    margin-left: 36px !important;
+    margin-bottom: 12px !important;
+}
+
+.ant-notification-notice .ant-notification-notice-close .ant-notification-close-icon {
+    font-size: 16px;
+    margin-top: -1px;
+}
+
+.ant-notification-notice .anticon.ant-notification-notice-icon {
+    display: flex;
+    align-content: center;
+    justify-content: center;
+    font-size: 20px;
+    margin-top: 2px;
+}
+
+.ant-notification-notice-closable .ant-notification-notice-message {
+    padding-right: 32px !important;
+}
+
+.ant-notification-notice {
+    border-radius: 4px !important;
+}
+
+.ant-notification-notice-with-icon .ant-notification-notice-description {
+    margin-left: 0px !important;
+    font-size: 14px !important;
+    margin-right: -14px !important;
+}
+
+.rc-virtual-list-scrollbar-thumb {
+    border-radius: 3px !important;
+}
+
+.ant-spin-blur {
+    opacity: 0.7 !important;
+}
+
+.ant-spin-nested-loading > div > .ant-spin {
+    max-height: initial !important;
+}
+
+.ant-input-number {
+    border-radius: 3px;
+}
+
+.ant-input-number-handler-wrap {
+    opacity: 1 !important;
+}
+
+.ant-input-number-handler-down:hover {
+    height: 50% !important;
+}
+
+.ant-input-number-handler-up:hover {
+    height: 50% !important;
+}
+
+.ant-input-number-handler-wrap:hover .ant-input-number-handler {
+    height: 50% !important;
+}
+
+.ant-picker-today-btn {
+    display: inline-block;
+    width: 100%;
+    height: 100%;
+}
+
+.ant-picker-input > input[disabled] {
+    color: rgba(0, 0, 0, 0.65) !important;
+}
+
+.ant-checkbox-wrapper::after {
+    max-height: 16px !important;
+}
+
+.ant-tabs-dropdown-menu-title-content {
+    justify-content: space-between;
+
+    .ant-tabs-dropdown-menu-item-remove {
+        margin-left: 5px;
+        margin-right: 2px;
+    }
+}
+
+.ant-progress-inner {
+    border-radius: 2px !important;
+}
+
+.ant-progress-success-bg,
+.ant-progress-bg {
+    border-radius: 2px !important;
+}
+
+.ant-radio-group-solid .ant-radio-button-wrapper-checked:focus-within {
+    box-shadow: none !important;
+}
+
+.ant-radio-button-wrapper:focus-within {
+    box-shadow: none !important;
+}
+
+.ant-upload-animate {
+    animation: none !important;
+    animation-duration: 0s !important;
+    animation-delay: 0s !important;
+}
+
+.ant-upload-list-text-container,
+.ant-upload-list-picture-container {
+    transition: none !important;
+}
+
+.ant-collapse {
+    border-radius: 4px !important;
+}
+
+.ant-collapse-item:last-child > .ant-collapse-content {
+    border-radius: 0 0 4px 4px;
+}