@jinli6386/element 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +48 -0
- package/dist/es/favicon.ico +0 -0
- package/dist/es/jl-element.js +1224 -0
- package/dist/es/jl-element.umd.cjs +1 -0
- package/dist/index.css +1 -0
- package/dist/types/components/Button/Button.test.d.ts +1 -0
- package/dist/types/components/Button/Button.vue.d.ts +26 -0
- package/dist/types/components/Button/index.d.ts +3 -0
- package/dist/types/components/Button/types.d.ts +39 -0
- package/dist/types/components/Collapse/Collapse.test.d.ts +1 -0
- package/dist/types/components/Collapse/Collapse.vue.d.ts +24 -0
- package/dist/types/components/Collapse/CollapseItem.vue.d.ts +19 -0
- package/dist/types/components/Collapse/index.d.ts +5 -0
- package/dist/types/components/Collapse/types.d.ts +20 -0
- package/dist/types/components/Common/RenderVnode.d.ts +12 -0
- package/dist/types/components/Dropdown/Dropdown.vue.d.ts +203 -0
- package/dist/types/components/Dropdown/index.d.ts +3 -0
- package/dist/types/components/Dropdown/types.d.ts +20 -0
- package/dist/types/components/Icon/Icon.vue.d.ts +3 -0
- package/dist/types/components/Icon/index.d.ts +3 -0
- package/dist/types/components/Icon/types.d.ts +32 -0
- package/dist/types/components/Tooltip/Tooltip.test.d.ts +1 -0
- package/dist/types/components/Tooltip/Tooltip.vue.d.ts +42 -0
- package/dist/types/components/Tooltip/index.d.ts +3 -0
- package/dist/types/components/Tooltip/types.d.ts +19 -0
- package/dist/types/hooks/useClickOutside.d.ts +3 -0
- package/dist/types/index.d.ts +12 -0
- package/dist/umd/favicon.ico +0 -0
- package/dist/umd/index.css +1 -0
- package/dist/umd/jl-element.js +13397 -0
- package/dist/umd/jl-element.umd.cjs +567 -0
- package/package.json +97 -0
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { App } from 'vue';
|
|
2
|
+
import { default as Button } from './components/Button';
|
|
3
|
+
import { default as Dropdown } from './components/Dropdown';
|
|
4
|
+
import { default as Icon } from './components/Icon';
|
|
5
|
+
import { default as Collapse, CollapseItem } from './components/Collapse';
|
|
6
|
+
import { default as Tooltip } from './components/Tooltip';
|
|
7
|
+
declare const install: (app: App) => void;
|
|
8
|
+
export { install, Button, Button as JlButton, Dropdown, Dropdown as JlDropdown, Icon, Icon as JlIcon, Collapse, Collapse as JlCollapse, CollapseItem, CollapseItem as JlCollapseItem, Tooltip, Tooltip as JlTooltip, };
|
|
9
|
+
declare const _default: {
|
|
10
|
+
install: (app: App) => void;
|
|
11
|
+
};
|
|
12
|
+
export default _default;
|
|
Binary file
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
body{font-family:var(--jl-font-family);font-weight:400;font-size:var(--jl-font-size-base);color:var(--jl-text-color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:var(--jl-color-primary);text-decoration:none}a:hover,a:focus{color:var(--jl-color-primary-light-3)}a:active{color:var(--jl-color-primary-dark-2)}h1,h2,h3,h4,h5,h6{color:var(--jl-text-color-regular);font-weight:inherit}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1:last-child,h2:last-child,h3:last-child,h4:last-child,h5:last-child,h6:last-child{margin-bottom:0}h1{font-size:calc(var(--jl-font-size-base) + 6px)}h2{font-size:calc(var(--jl-font-size-base) + 4px)}h3{font-size:calc(var(--jl-font-size-base) + 2px)}h4,h5,h6,p{font-size:inherit}p{line-height:1.8}p:first-child{margin-top:0}p:last-child{margin-bottom:0}sup,sub{font-size:calc(var(--jl-font-size-base) - 1px)}small{font-size:calc(var(--jl-font-size-base) - 2px)}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid var(--jl-border-color-lighter)}:root{--jl-color-white: #ffffff;--jl-color-black: #000000;--colors: (primary: #409eff, success: #67c23a, warning: #e6a23c, danger: #f56c6c, info: #909399);--jl-color-primary: #007bff;--jl-color-primary-light-3: #4d9eff;--jl-color-primary-light-5: #80b3ff;--jl-color-primary-light-7: #b3d1ff;--jl-color-primary-light-9: #e6f0ff;--jl-color-primary-light-8: #ccddff;--jl-color-primary-dark-2: #0066d0;--jl-color-success: #28a745;--jl-color-success-light-3: #6abf7b;--jl-color-success-light-5: #99d2a6;--jl-color-success-light-7: #c6e6d1;--jl-color-success-light-9: #f3f9f6;--jl-color-success-light-8: #dfeee6;--jl-color-success-dark-2: #218838;--jl-color-danger: #dc3545;--jl-color-danger-light-3: #e5737f;--jl-color-danger-light-5: #ed9aa2;--jl-color-danger-light-7: #f5c0c6;--jl-color-danger-light-9: #fdeeee;--jl-color-danger-light-8: #f9d5d8;--jl-color-danger-dark-2: #c82333;--jl-color-warning: #e6a23c;--jl-color-warning-light-3: #eebe77;--jl-color-warning-light-5: #f3d19e;--jl-color-warning-light-7: #f8e3c5;--jl-color-warning-light-9: #fdf6ec;--jl-color-warning-light-8: #faecd8;--jl-color-warning-dark-2: #b88230;--jl-color-info: #909399;--jl-color-info-light-3: #b1b3b8;--jl-color-info-light-5: #c8c9cc;--jl-color-info-light-7: #dedfe0;--jl-color-info-light-9: #f4f4f5;--jl-color-info-light-8: #e9e9eb;--jl-color-info-dark-2: #73767a;--jl-bg-color: #ffffff;--jl-bg-color-page: #f2f3f5;--jl-bg-color-overlay: #ffffff;--jl-text-color-primary: #303133;--jl-text-color-regular: #606266;--jl-text-color-secondary: #909399;--jl-text-color-placeholder: #a8abb2;--jl-text-color-disabled: #c0c4cc;--jl-border-color: #dcdfe6;--jl-border-color-light: #e4e7ed;--jl-border-color-lighter: #ebeef5;--jl-border-color-extra-light: #f2f6fc;--jl-border-color-dark: #d4d7de;--jl-border-color-darker: #cdd0d6;--jl-fill-color: #f0f2f5;--jl-fill-color-light: #f5f7fa;--jl-fill-color-lighter: #fafafa;--jl-fill-color-extra-light: #fafcff;--jl-fill-color-dark: #ebedf0;--jl-fill-color-darker: #e6e8eb;--jl-fill-color-blank: #ffffff;--jl-border-width: 1px;--jl-border-style: solid;--jl-border-color-hover: var(--jl-text-color-disabled);--jl-border: var(--jl-border-width) var(--jl-border-style) var(--jl-border-color);--jl-border-radius-base: 4px;--jl-border-radius-small: 2px;--jl-border-radius-round: 20px;--jl-border-radius-circle: 100%;--jl-font-size-extra-large: 20px;--jl-font-size-large: 18px;--jl-font-size-medium: 16px;--jl-font-size-base: 14px;--jl-font-size-small: 13px;--jl-font-size-extra-small: 12px;--jl-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--jl-font-weight-primary: 500;--jl-disabled-bg-color: var(--jl-fill-color-light);--jl-disabled-text-color: var(--jl-text-color-placeholder);--jl-disabled-border-color: var(--jl-border-color-light);--jl-transition-duration: .3s;--jl-transition-duration-fast: .2s}.jl-button{--jl-button-font-weight: var(--jl-font-weight-primary);--jl-button-border-color: var(--jl-border-color);--jl-button-bg-color: var(--jl-fill-color-blank);--jl-button-text-color: var(--jl-text-color-regular);--jl-button-disabled-text-color: var(--jl-disabled-text-color);--jl-button-disabled-bg-color: var(--jl-fill-color-blank);--jl-button-disabled-border-color: var(--jl-border-color-light);--jl-button-hover-text-color: var(--jl-color-primary);--jl-button-hover-bg-color: var(--jl-color-primary-light-9);--jl-button-hover-border-color: var(--jl-color-primary-light-7);--jl-button-active-text-color: var(--jl-button-hover-text-color);--jl-button-active-border-color: var(--jl-color-primary);--jl-button-active-bg-color: var(--jl-button-hover-bg-color);--jl-button-outline-color: var(--jl-color-primary-light-5);--jl-button-active-color: var(--jl-text-color-primary)}.jl-button{display:inline-flex;justify-content:center;align-items:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:var(--jl-button-text-color);text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:var(--jl-button-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-appearance:none;background-color:var(--jl-button-bg-color);border:var(--jl-border);border-color:var(--jl-button-border-color);padding:8px 15px;font-size:var(--jl-font-size-base);border-radius:var(--jl-border-radius-base)}.jl-button+.jl-button{margin-left:12px}.jl-button:hover,.jl-button:focus{color:var(--jl-button-hover-text-color);border-color:var(--jl-button-hover-border-color);background-color:var(--jl-button-hover-bg-color);outline:none}.jl-button:active{color:var(--jl-button-active-text-color);border-color:var(--jl-button-active-border-color);background-color:var(--jl-button-active-bg-color);outline:none}.jl-button.is-plain{--jl-button-hover-text-color: var(--jl-color-primary);--jl-button-hover-bg-color: var(--jl-fill-color-blank);--jl-button-hover-border-color: var(--jl-color-primary)}.jl-button.is-round{border-radius:var(--jl-border-radius-round)}.jl-button.is-circle{border-radius:50%;padding:8px;width:32px}.jl-button.is-disabled,.jl-button.is-disabled:hover,.jl-button.is-disabled:focus,.jl-button[disabled],.jl-button[disabled]:hover,.jl-button[disabled]:focus{color:var(--jl-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--jl-button-disabled-bg-color);border-color:var(--jl-button-disabled-border-color)}.jl-button [class*=jl-icon]+span{margin-left:6px}.jl-button--primary{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-primary);--jl-button-border-color: var(--jl-color-primary);--jl-button-outline-color: var(--jl-color-primary-light-5);--jl-button-active-color: var(--jl-color-primary-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-primary-light-3);--jl-button-hover-border-color: var(--jl-color-primary-light-3);--jl-button-active-bg-color: var(--jl-color-primary-dark-2);--jl-button-active-border-color: var(--jl-color-primary-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-primary-light-5);--jl-button-disabled-border-color: var(--jl-color-primary-light-5)}.jl-button--primary.is-plain{--jl-button-text-color: var(--jl-color-primary);--jl-button-bg-color: var(--jl-color-primary-light-9);--jl-button-border-color: var(--jl-color-primary-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-primary);--jl-button-hover-border-color: var(--jl-color-primary);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--success{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-success);--jl-button-border-color: var(--jl-color-success);--jl-button-outline-color: var(--jl-color-success-light-5);--jl-button-active-color: var(--jl-color-success-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-success-light-3);--jl-button-hover-border-color: var(--jl-color-success-light-3);--jl-button-active-bg-color: var(--jl-color-success-dark-2);--jl-button-active-border-color: var(--jl-color-success-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-success-light-5);--jl-button-disabled-border-color: var(--jl-color-success-light-5)}.jl-button--success.is-plain{--jl-button-text-color: var(--jl-color-success);--jl-button-bg-color: var(--jl-color-success-light-9);--jl-button-border-color: var(--jl-color-success-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-success);--jl-button-hover-border-color: var(--jl-color-success);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--warning{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-warning);--jl-button-border-color: var(--jl-color-warning);--jl-button-outline-color: var(--jl-color-warning-light-5);--jl-button-active-color: var(--jl-color-warning-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-warning-light-3);--jl-button-hover-border-color: var(--jl-color-warning-light-3);--jl-button-active-bg-color: var(--jl-color-warning-dark-2);--jl-button-active-border-color: var(--jl-color-warning-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-warning-light-5);--jl-button-disabled-border-color: var(--jl-color-warning-light-5)}.jl-button--warning.is-plain{--jl-button-text-color: var(--jl-color-warning);--jl-button-bg-color: var(--jl-color-warning-light-9);--jl-button-border-color: var(--jl-color-warning-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-warning);--jl-button-hover-border-color: var(--jl-color-warning);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--info{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-info);--jl-button-border-color: var(--jl-color-info);--jl-button-outline-color: var(--jl-color-info-light-5);--jl-button-active-color: var(--jl-color-info-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-info-light-3);--jl-button-hover-border-color: var(--jl-color-info-light-3);--jl-button-active-bg-color: var(--jl-color-info-dark-2);--jl-button-active-border-color: var(--jl-color-info-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-info-light-5);--jl-button-disabled-border-color: var(--jl-color-info-light-5)}.jl-button--info.is-plain{--jl-button-text-color: var(--jl-color-info);--jl-button-bg-color: var(--jl-color-info-light-9);--jl-button-border-color: var(--jl-color-info-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-info);--jl-button-hover-border-color: var(--jl-color-info);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--danger{--jl-button-text-color: var(--jl-color-white);--jl-button-bg-color: var(--jl-color-danger);--jl-button-border-color: var(--jl-color-danger);--jl-button-outline-color: var(--jl-color-danger-light-5);--jl-button-active-color: var(--jl-color-danger-dark-2);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-danger-light-3);--jl-button-hover-border-color: var(--jl-color-danger-light-3);--jl-button-active-bg-color: var(--jl-color-danger-dark-2);--jl-button-active-border-color: var(--jl-color-danger-dark-2);--jl-button-disabled-text-color: var(--jl-color-white);--jl-button-disabled-bg-color: var(--jl-color-danger-light-5);--jl-button-disabled-border-color: var(--jl-color-danger-light-5)}.jl-button--danger.is-plain{--jl-button-text-color: var(--jl-color-danger);--jl-button-bg-color: var(--jl-color-danger-light-9);--jl-button-border-color: var(--jl-color-danger-light-5);--jl-button-hover-text-color: var(--jl-color-white);--jl-button-hover-bg-color: var(--jl-color-danger);--jl-button-hover-border-color: var(--jl-color-danger);--jl-button-active-text-color: var(--jl-color-white)}.jl-button--large{--jl-button-size: 40px;height:var(--jl-button-size);padding:12px 19px;font-size:var(--jl-font-size-base);border-radius:var(--jl-border-radius-base)}.jl-button--large.is-circle{width:var(--jl-button-size);padding:12px}.jl-button--small{--jl-button-size: 24px;height:var(--jl-button-size);padding:5px 11px;font-size:12px;border-radius:calc(var(--jl-border-radius-base) - 1px)}.jl-button--small.is-circle{width:var(--jl-button-size);padding:5px}.jl-collapse{--jl-collapse-border-color: var(--jl-border-color-light);--jl-collapse-header-height: 48px;--jl-collapse-header-bg-color: var(--jl-fill-color-blank);--jl-collapse-header-text-color: var(--jl-text-color-primary);--jl-collapse-header-font-size: 13px;--jl-collapse-content-bg-color: var(--jl-fill-color-blank);--jl-collapse-content-font-size: 13px;--jl-collapse-content-text-color: var(--jl-text-color-primary);--jl-collapse-disabled-text-color: var(--jl-disabled-text-color);--jl-collapse-disabled-border-color: var(--jl-border-color-lighter);border-top:1px solid var(--jl-collapse-border-color);border-bottom:1px solid var(--jl-collapse-border-color)}.jl-collapse-item__header{display:flex;align-items:center;justify-content:space-between;height:var(--jl-collapse-header-height);line-height:var(--jl-collapse-header-height);background-color:var(--jl-collapse-header-bg-color);color:var(--jl-collapse-header-text-color);cursor:pointer;font-size:var(--jl-collapse-header-font-size);font-weight:500;transition:border-bottom-color var(--jl-transition-duration);outline:none;border-bottom:1px solid var(--jl-collapse-border-color)}.jl-collapse-item__header.is-disabled{color:var(--jl-collapse-disabled-text-color);cursor:not-allowed;background-image:none}.jl-collapse-item__header.is-active{border-bottom-color:transparent}.jl-collapse-item__header.is-active .header-angle{transform:rotate(90deg)}.jl-collapse-item__header .header-angle{transition:transform var(--jl-transition-duration)}.jl-collapse-item__content{will-change:height;background-color:var(--jl-collapse-content-bg-color);overflow:hidden;box-sizing:border-box;font-size:var(--jl-collapse-content-font-size);color:var(--jl-collapse-content-text-color);border-bottom:1px solid var(--jl-collapse-border-color);padding-bottom:25px}.slide-enter-active,.slide-leave-active{transition:height var(--jl-transition-duration)}.jl-icon{--jl-icon-color: inherit;display:inline-flex;justify-content:center;align-items:center;position:relative;fill:currentColor;color:var(--jl-icon-color);font-size:inherit}.jl-icon--primary{--jl-icon-color: var(--jl-color-primary)}.jl-icon--info{--jl-icon-color: var(--jl-color-info)}.jl-icon--success{--jl-icon-color: var(--jl-color-success)}.jl-icon--warning{--jl-icon-color: var(--jl-color-warning)}.jl-icon--danger{--jl-icon-color: var(--jl-color-danger)}.jl-tooltip{--jl-popover-bg-color: var(--jl-bg-color-overlay);--jl-popover-font-size: var(--jl-font-size-base);--jl-popover-border-color: var(--jl-border-color);--jl-popover-padding: 12px;--jl-popover-border-radius: 4px;display:inline-block}.jl-tooltip .jl-tooltip__popper{background:var(--jl-popover-bg-color);border-radius:var(--jl-popover-border-radius);border:1px solid var(--jl-popover-border-color);padding:var(--jl-popover-padding);color:var(--jl-text-color-regular);line-height:1.4;text-align:justify;font-size:var(--jl-popover-font-size);box-shadow:var(--jl-box-shadow-light);word-break:break-all;box-sizing:border-box;z-index:1000}.jl-tooltip .jl-tooltip__popper #arrow,.jl-tooltip .jl-tooltip__popper #arrow:before{position:absolute;width:8px;height:8px;box-sizing:border-box;background:var(--jl-popover-bg-color)}.jl-tooltip .jl-tooltip__popper #arrow{visibility:hidden}.jl-tooltip .jl-tooltip__popper #arrow:before{visibility:visible;content:"";transform:rotate(45deg)}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=top]>#arrow{bottom:-5px}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=bottom]>#arrow{top:-5px}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=left]>#arrow{right:-5px}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=right]>#arrow{left:-5px}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=top]>#arrow:before{border-right:1px solid var(--jl-popover-border-color);border-bottom:1px solid var(--jl-popover-border-color)}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=bottom]>#arrow:before{border-left:1px solid var(--jl-popover-border-color);border-top:1px solid var(--jl-popover-border-color)}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=left]>#arrow:before{border-right:1px solid var(--jl-popover-border-color);border-top:1px solid var(--jl-popover-border-color)}.jl-tooltip .jl-tooltip__popper[data-popper-placement^=right]>#arrow:before{border-left:1px solid var(--jl-popover-border-color);border-bottom:1px solid var(--jl-popover-border-color)}.jl-tooltip .fade-enter-active,.jl-tooltip .fade-leave-active{transition:opacity var(--jl-transition-duration)}.jl-tooltip .fade-enter-from,.jl-tooltip .fade-leave-to{opacity:0}.jl-dropdown .jl-dropdown__menu{--jl-dropdown-menuItem-hover-fill: var(--jl-color-primary-light-9);--jl-dropdown-menuItem-hover-color: var(--jl-color-primary);--jl-dropdown-menuItem-disabled-color: var(--jl-border-color-lighter);--jl-dropdown-menuItem-divided-color: var(--jl-border-color-lighter)}.jl-dropdown{display:inline-block}.jl-dropdown .jl-tooltip{--jl-popover-padding: 5px 0}.jl-dropdown__menu{list-style-type:none;margin:0;padding:0}.jl-dropdown__menu .jl-dropdown__item{display:flex;align-items:center;white-space:nowrap;list-style:none;line-height:22px;padding:5px 16px;margin:0;font-size:var(--jl-font-size-base);color:var(--jl-text-color-regular);cursor:pointer;outline:none}.jl-dropdown__menu .jl-dropdown__item:hover{background-color:var(--jl-dropdown-menuItem-hover-fill);color:var(--jl-dropdown-menuItem-hover-color)}.jl-dropdown__menu .jl-dropdown__item.is-disabled{color:var(--jl-dropdown-menuItem-disabled-color);cursor:not-allowed;background-image:none}.jl-dropdown__menu .divided-placeholder{margin:6px 0;border-top:1px solid var(--jl-dropdown-menuItem-divided-color)}
|