@ziyu0123/nanoui 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/nano-element.js +1969 -0
- package/dist/es/src/components/Button/Button.test.d.ts +1 -0
- package/dist/es/src/components/Button/Button.vue.d.ts +13 -0
- package/dist/es/src/components/Button/index.d.ts +3 -0
- package/dist/es/src/components/Button/types.d.ts +18 -0
- package/dist/es/src/components/Collapse/Collapse.test.d.ts +1 -0
- package/dist/es/src/components/Collapse/Collapse.vue.d.ts +13 -0
- package/dist/es/src/components/Collapse/CollapseItem.vue.d.ts +3 -0
- package/dist/es/src/components/Collapse/index.d.ts +5 -0
- package/dist/es/src/components/Collapse/types.d.ts +20 -0
- package/dist/es/src/components/Common/RenderVnode.d.ts +2 -0
- package/dist/es/src/components/Dropdown/Dropdown.d.ts +2 -0
- package/dist/es/src/components/Dropdown/Dropdown.vue.d.ts +13 -0
- package/dist/es/src/components/Dropdown/index.d.ts +3 -0
- package/dist/es/src/components/Dropdown/types.d.ts +20 -0
- package/dist/es/src/components/Form/Form.vue.d.ts +13 -0
- package/dist/es/src/components/Form/FormItem.vue.d.ts +19 -0
- package/dist/es/src/components/Form/index.d.ts +5 -0
- package/dist/es/src/components/Form/types.d.ts +46 -0
- package/dist/es/src/components/Icon/Icon.vue.d.ts +3 -0
- package/dist/es/src/components/Icon/index.d.ts +3 -0
- package/dist/es/src/components/Icon/types.d.ts +28 -0
- package/dist/es/src/components/Input/Input.test.d.ts +1 -0
- package/dist/es/src/components/Input/Input.vue.d.ts +19 -0
- package/dist/es/src/components/Input/index.d.ts +3 -0
- package/dist/es/src/components/Input/types.d.ts +24 -0
- package/dist/es/src/components/Message/Message.vue.d.ts +13 -0
- package/dist/es/src/components/Message/createMessage.test.d.ts +1 -0
- package/dist/es/src/components/Message/index.d.ts +5 -0
- package/dist/es/src/components/Message/method.d.ts +22 -0
- package/dist/es/src/components/Message/types.d.ts +20 -0
- package/dist/es/src/components/Select/Select.vue.d.ts +3 -0
- package/dist/es/src/components/Select/index.d.ts +3 -0
- package/dist/es/src/components/Select/types.d.ts +34 -0
- package/dist/es/src/components/Switch/Switch.vue.d.ts +3 -0
- package/dist/es/src/components/Switch/index.d.ts +3 -0
- package/dist/es/src/components/Switch/types.d.ts +16 -0
- package/dist/es/src/components/Tooltip/Tooltip.test.d.ts +1 -0
- package/dist/es/src/components/Tooltip/Tooltip.vue.d.ts +15 -0
- package/dist/es/src/components/Tooltip/index.d.ts +3 -0
- package/dist/es/src/components/Tooltip/types.d.ts +19 -0
- package/dist/es/src/hooks/useClickOutside.d.ts +3 -0
- package/dist/es/src/hooks/useEventListener.d.ts +3 -0
- package/dist/es/src/hooks/useZIndex.d.ts +6 -0
- package/dist/es/src/index.d.ts +17 -0
- package/dist/index.css +2 -0
- package/dist/umd/favicon.ico +0 -0
- package/dist/umd/index.css +2 -0
- package/dist/umd/nano-element.umd.cjs +570 -0
- package/package.json +103 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
:root{--nano-color-white:#fff;--nano-color-black:#000;--colors:( primary: #409eff, success: #67c23a, warning: #e6a23c, danger: #f56c6c, info: #909399 );--nano-color-primary:#409eff;--nano-color-primary-light-3:#79bbff;--nano-color-primary-light-5:#a0cfff;--nano-color-primary-light-7:#c6e2ff;--nano-color-primary-light-9:#ecf5ff;--nano-color-primary-light-8:#d9ecff;--nano-color-primary-dark-2:#337ecc;--nano-color-success:#67c23a;--nano-color-success-light-3:#95d475;--nano-color-success-light-5:#b3e19d;--nano-color-success-light-7:#d1edc4;--nano-color-success-light-9:#f0f9eb;--nano-color-success-light-8:#e1f3d8;--nano-color-success-dark-2:#529b2e;--nano-color-warning:#e6a23c;--nano-color-warning-light-3:#eebe77;--nano-color-warning-light-5:#f3d19e;--nano-color-warning-light-7:#f8e3c5;--nano-color-warning-light-9:#fdf6ec;--nano-color-warning-light-8:#faecd8;--nano-color-warning-dark-2:#b88230;--nano-color-danger:#f56c6c;--nano-color-danger-light-3:#f89898;--nano-color-danger-light-5:#fab6b6;--nano-color-danger-light-7:#fcd3d3;--nano-color-danger-light-9:#fef0f0;--nano-color-danger-light-8:#fde2e2;--nano-color-danger-dark-2:#c45656;--nano-color-info:#909399;--nano-color-info-light-3:#b1b3b8;--nano-color-info-light-5:#c8c9cc;--nano-color-info-light-7:#dedfe0;--nano-color-info-light-9:#f4f4f5;--nano-color-info-light-8:#e9e9eb;--nano-color-info-dark-2:#73767a;--nano-bg-color:#fff;--nano-bg-color-page:#f2f3f5;--nano-bg-color-overlay:#fff;--nano-text-color-primary:#303133;--nano-text-color-regular:#606266;--nano-text-color-secondary:#909399;--nano-text-color-placeholder:#a8abb2;--nano-text-color-disabled:#c0c4cc;--nano-border-color:#dcdfe6;--nano-border-color-light:#e4e7ed;--nano-border-color-lighter:#ebeef5;--nano-border-color-extra-light:#f2f6fc;--nano-border-color-dark:#d4d7de;--nano-border-color-darker:#cdd0d6;--nano-fill-color:#f0f2f5;--nano-fill-color-light:#f5f7fa;--nano-fill-color-lighter:#fafafa;--nano-fill-color-extra-light:#fafcff;--nano-fill-color-dark:#ebedf0;--nano-fill-color-darker:#e6e8eb;--nano-fill-color-blank:#fff;--nano-border-width:1px;--nano-border-style:solid;--nano-border-color-hover:var(--nano-text-color-disabled);--nano-border:var(--nano-border-width) var(--nano-border-style) var(--nano-border-color);--nano-border-radius-base:4px;--nano-border-radius-small:4px;--nano-border-radius-round:20px;--nano-border-radius-circle:100%;--nano-font-size-extra-large:20px;--nano-font-size-large:18px;--nano-font-size-medium:16px;--nano-font-size-base:14px;--nano-font-size-small:13px;--nano-font-size-extra-small:12px;--nano-font-family:"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;--nano-font-weight-primary:500;--nano-disabled-bg-color:var(--nano-fill-color-light);--nano-disabled-text-color:var(--nano-text-color-placeholder);--nano-disabled-border-color:var(--nano-border-color-light);--nano-transition-duration:.3s;--nano-transition-duration-fast:.2s}body{font-family:var(--nano-font-family);font-weight:400;font-size:var(--nano-font-size-base);color:var(--nano-text-color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}a{color:var(--nano-color-primary);text-decoration:none}a:hover,a:focus{color:var(--nano-color-primary-light-3)}a:active{color:var(--nano-color-primary-dark-2)}h1,h2,h3,h4,h5,h6{color:var(--nano-text-color-regular);font-weight:inherit}:is(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}:is(h1,h2,h3,h4,h5,h6):last-child{margin-bottom:0}h1{font-size:calc(var(--nano-font-size-base) + 6px)}h2{font-size:calc(var(--nano-font-size-base) + 4px)}h3{font-size:calc(var(--nano-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(--nano-font-size-base) - 1px)}small{font-size:calc(var(--nano-font-size-base) - 2px)}hr{border:0;border-top:1px solid var(--nano-border-color-lighter);margin-top:20px;margin-bottom:20px}.nano-collapse{--nano-collapse-border-color:var(--nano-border-color-light);--nano-collapse-header-height:48px;--nano-collapse-header-bg-color:var(--nano-fill-color-blank);--nano-collapse-header-text-color:var(--nano-text-color-primary);--nano-collapse-header-font-size:13px;--nano-collapse-content-bg-color:var(--nano-fill-color-blank);--nano-collapse-content-font-size:13px;--nano-collapse-content-text-color:var(--nano-text-color-primary);--nano-collapse-disabled-text-color:var(--nano-disabled-text-color);--nano-collapse-disabled-border-color:var(--nano-border-color-lighter);border-top:1px solid var(--nano-collapse-border-color);border-bottom:1px solid var(--nano-collapse-border-color)}.nano-collapse-item__header{height:var(--nano-collapse-header-height);line-height:var(--nano-collapse-header-height);background-color:var(--nano-collapse-header-bg-color);color:var(--nano-collapse-header-text-color);cursor:pointer;font-size:var(--nano-collapse-header-font-size);transition:border-bottom-color var(--nano-transition-duration);border-bottom:1px solid var(--nano-collapse-border-color);outline:none;justify-content:space-between;align-items:center;font-weight:500;display:flex}.nano-collapse-item__header.is-disabled{color:var(--nano-collapse-disabled-text-color);cursor:not-allowed;background-image:none}.nano-collapse-item__header.is-active{border-bottom-color:#0000}.nano-collapse-item__header.is-active .header-angle{transform:rotate(90deg)}.nano-collapse-item__header .header-angle{transition:transform var(--nano-transition-duration)}.nano-collapse-item__content{will-change:height;background-color:var(--nano-collapse-content-bg-color);box-sizing:border-box;font-size:var(--nano-collapse-content-font-size);color:var(--nano-collapse-content-text-color);border-bottom:1px solid var(--nano-collapse-border-color);padding-bottom:25px;overflow:hidden}.slide-enter-active,.slide-leave-active{transition:height var(--nano-transition-duration)}.nano-button{--nano-button-font-weight:var(--nano-font-weight-primary);--nano-button-border-color:var(--nano-border-color);--nano-button-bg-color:var(--nano-fill-color-blank);--nano-button-text-color:var(--nano-text-color-regular);--nano-button-disabled-text-color:var(--nano-disabled-text-color);--nano-button-disabled-bg-color:var(--nano-fill-color-blank);--nano-button-disabled-border-color:var(--nano-border-color-light);--nano-button-hover-text-color:var(--nano-color-primary);--nano-button-hover-bg-color:var(--nano-color-primary-light-9);--nano-button-hover-border-color:var(--nano-color-primary-light-7);--nano-button-active-text-color:var(--nano-button-hover-text-color);--nano-button-active-border-color:var(--nano-color-primary);--nano-button-active-bg-color:var(--nano-button-hover-bg-color);--nano-button-outline-color:var(--nano-color-primary-light-5);--nano-button-active-color:var(--nano-text-color-primary)}.nano-button{white-space:nowrap;cursor:pointer;height:32px;color:var(--nano-button-text-color);text-align:center;box-sizing:border-box;line-height:1;font-weight:var(--nano-button-font-weight);-webkit-user-select:none;user-select:none;vertical-align:middle;appearance:none;background-color:var(--nano-button-bg-color);border:var(--nano-border);border-color:var(--nano-button-border-color);font-size:var(--nano-font-size-base);border-radius:var(--nano-border-radius-base);outline:none;justify-content:center;align-items:center;padding:8px 15px;transition:all .1s;display:inline-flex}.nano-button+.nano-button{margin-left:12px}.nano-button:hover,.nano-button:focus{color:var(--nano-button-hover-text-color);border-color:var(--nano-button-hover-border-color);background-color:var(--nano-button-hover-bg-color);outline:none}.nano-button:active{color:var(--nano-button-active-text-color);border-color:var(--nano-button-active-border-color);background-color:var(--nano-button-active-bg-color);outline:none}.nano-button.is-plain{--nano-button-hover-text-color:var(--nano-color-primary);--nano-button-hover-bg-color:var(--nano-fill-color-blank);--nano-button-hover-border-color:var(--nano-color-primary)}.nano-button.is-round{border-radius:var(--nano-border-radius-round)}.nano-button.is-circle{border-radius:50%;padding:8px}.nano-button.is-disabled,.nano-button.is-disabled:hover,.nano-button.is-disabled:focus,.nano-button[disabled],.nano-button[disabled]:hover,.nano-button[disabled]:focus{color:var(--nano-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--nano-button-disabled-bg-color);border-color:var(--nano-button-disabled-border-color)}.nano-button [class*=nano-icon]+span{margin-left:6px}.nano-button--primary{--nano-button-text-color:var(--nano-color-white);--nano-button-bg-color:var(--nano-color-primary);--nano-button-border-color:var(--nano-color-primary);--nano-button-outline-color:var(--nano-color-primary-light-5);--nano-button-active-color:var(--nano-color-primary-dark-2);--nano-button-hover-text-color:var(--nano-color-white);--nano-button-hover-bg-color:var(--nano-color-primary-light-3);--nano-button-hover-border-color:var(--nano-color-primary-light-3);--nano-button-active-bg-color:var(--nano-color-primary-dark-2);--nano-button-active-border-color:var(--nano-color-primary-dark-2);--nano-button-disabled-text-color:var(--nano-color-white);--nano-button-disabled-bg-color:var(--nano-color-primary-light-5);--nano-button-disabled-border-color:var(--nano-color-primary-light-5)}.nano-button--primary.is-plain{--nano-button-text-color:var(--nano-color-primary);--nano-button-bg-color:var(--nano-color-primary-light-9);--nano-button-border-color:var(--nano-color-primary-light-5);--nano-button-hover-text-color:var(--nano-color-white);--nano-button-hover-bg-color:var(--nano-color-primary);--nano-button-hover-border-color:var(--nano-color-primary);--nano-button-active-text-color:var(--nano-color-white)}.nano-button--success{--nano-button-text-color:var(--nano-color-white);--nano-button-bg-color:var(--nano-color-success);--nano-button-border-color:var(--nano-color-success);--nano-button-outline-color:var(--nano-color-success-light-5);--nano-button-active-color:var(--nano-color-success-dark-2);--nano-button-hover-text-color:var(--nano-color-white);--nano-button-hover-bg-color:var(--nano-color-success-light-3);--nano-button-hover-border-color:var(--nano-color-success-light-3);--nano-button-active-bg-color:var(--nano-color-success-dark-2);--nano-button-active-border-color:var(--nano-color-success-dark-2);--nano-button-disabled-text-color:var(--nano-color-white);--nano-button-disabled-bg-color:var(--nano-color-success-light-5);--nano-button-disabled-border-color:var(--nano-color-success-light-5)}.nano-button--success.is-plain{--nano-button-text-color:var(--nano-color-success);--nano-button-bg-color:var(--nano-color-success-light-9);--nano-button-border-color:var(--nano-color-success-light-5);--nano-button-hover-text-color:var(--nano-color-white);--nano-button-hover-bg-color:var(--nano-color-success);--nano-button-hover-border-color:var(--nano-color-success);--nano-button-active-text-color:var(--nano-color-white)}.nano-button--warning{--nano-button-text-color:var(--nano-color-white);--nano-button-bg-color:var(--nano-color-warning);--nano-button-border-color:var(--nano-color-warning);--nano-button-outline-color:var(--nano-color-warning-light-5);--nano-button-active-color:var(--nano-color-warning-dark-2);--nano-button-hover-text-color:var(--nano-color-white);--nano-button-hover-bg-color:var(--nano-color-warning-light-3);--nano-button-hover-border-color:var(--nano-color-warning-light-3);--nano-button-active-bg-color:var(--nano-color-warning-dark-2);--nano-button-active-border-color:var(--nano-color-warning-dark-2);--nano-button-disabled-text-color:var(--nano-color-white);--nano-button-disabled-bg-color:var(--nano-color-warning-light-5);--nano-button-disabled-border-color:var(--nano-color-warning-light-5)}.nano-button--warning.is-plain{--nano-button-text-color:var(--nano-color-warning);--nano-button-bg-color:var(--nano-color-warning-light-9);--nano-button-border-color:var(--nano-color-warning-light-5);--nano-button-hover-text-color:var(--nano-color-white);--nano-button-hover-bg-color:var(--nano-color-warning);--nano-button-hover-border-color:var(--nano-color-warning);--nano-button-active-text-color:var(--nano-color-white)}.nano-button--info{--nano-button-text-color:var(--nano-color-white);--nano-button-bg-color:var(--nano-color-info);--nano-button-border-color:var(--nano-color-info);--nano-button-outline-color:var(--nano-color-info-light-5);--nano-button-active-color:var(--nano-color-info-dark-2);--nano-button-hover-text-color:var(--nano-color-white);--nano-button-hover-bg-color:var(--nano-color-info-light-3);--nano-button-hover-border-color:var(--nano-color-info-light-3);--nano-button-active-bg-color:var(--nano-color-info-dark-2);--nano-button-active-border-color:var(--nano-color-info-dark-2);--nano-button-disabled-text-color:var(--nano-color-white);--nano-button-disabled-bg-color:var(--nano-color-info-light-5);--nano-button-disabled-border-color:var(--nano-color-info-light-5)}.nano-button--info.is-plain{--nano-button-text-color:var(--nano-color-info);--nano-button-bg-color:var(--nano-color-info-light-9);--nano-button-border-color:var(--nano-color-info-light-5);--nano-button-hover-text-color:var(--nano-color-white);--nano-button-hover-bg-color:var(--nano-color-info);--nano-button-hover-border-color:var(--nano-color-info);--nano-button-active-text-color:var(--nano-color-white)}.nano-button--danger{--nano-button-text-color:var(--nano-color-white);--nano-button-bg-color:var(--nano-color-danger);--nano-button-border-color:var(--nano-color-danger);--nano-button-outline-color:var(--nano-color-danger-light-5);--nano-button-active-color:var(--nano-color-danger-dark-2);--nano-button-hover-text-color:var(--nano-color-white);--nano-button-hover-bg-color:var(--nano-color-danger-light-3);--nano-button-hover-border-color:var(--nano-color-danger-light-3);--nano-button-active-bg-color:var(--nano-color-danger-dark-2);--nano-button-active-border-color:var(--nano-color-danger-dark-2);--nano-button-disabled-text-color:var(--nano-color-white);--nano-button-disabled-bg-color:var(--nano-color-danger-light-5);--nano-button-disabled-border-color:var(--nano-color-danger-light-5)}.nano-button--danger.is-plain{--nano-button-text-color:var(--nano-color-danger);--nano-button-bg-color:var(--nano-color-danger-light-9);--nano-button-border-color:var(--nano-color-danger-light-5);--nano-button-hover-text-color:var(--nano-color-white);--nano-button-hover-bg-color:var(--nano-color-danger);--nano-button-hover-border-color:var(--nano-color-danger);--nano-button-active-text-color:var(--nano-color-white)}.nano-button--large{--nano-button-size:40px;height:var(--nano-button-size);font-size:var(--nano-font-size-base);border-radius:var(--nano-border-radius-base);padding:12px 19px}.nano-button--small{--nano-button-size:24px;height:var(--nano-button-size);border-radius:calc(var(--nano-border-radius-base) - 1px);padding:5px 11px;font-size:12px}.nano-icon{--nano-icon-color:inherit;fill:currentColor;color:var(--nano-icon-color);font-size:inherit;justify-content:center;align-items:center;display:inline-flex;position:relative}.nano-icon--primary{--nano-icon-color:var(--nano-color-primary)}.nano-icon--info{--nano-icon-color:var(--nano-color-info)}.nano-icon--success{--nano-icon-color:var(--nano-color-success)}.nano-icon--warning{--nano-icon-color:var(--nano-color-warning)}.nano-icon--danger{--nano-icon-color:var(--nano-color-danger)}.nano-tooltip{--nano-popover-bg-color:var(--nano-bg-color-overlay);--nano-popover-font-size:var(--nano-font-size-base);--nano-popover-border-color:var(--nano-border-color);--nano-popover-padding:12px;--nano-popover-border-radius:4px;display:inline-block}.nano-tooltip .nano-tooltip__popper{background:var(--nano-popover-bg-color);border-radius:var(--nano-popover-border-radius);border:1px solid var(--nano-popover-border-color);padding:var(--nano-popover-padding);color:var(--nano-text-color-regular);text-align:justify;line-height:1.4;font-size:var(--nano-popover-font-size);box-shadow:var(--nano-box-shadow-light);word-break:break-all;box-sizing:border-box;z-index:1000}.nano-tooltip .nano-tooltip__popper #arrow,.nano-tooltip .nano-tooltip__popper #arrow:before{box-sizing:border-box;background:var(--nano-popover-bg-color);width:8px;height:8px;position:absolute}.nano-tooltip .nano-tooltip__popper #arrow{visibility:hidden}.nano-tooltip .nano-tooltip__popper #arrow:before{visibility:visible;content:"";transform:rotate(45deg)}.nano-tooltip .nano-tooltip__popper[data-popper-placement^=top]>#arrow{bottom:-5px}.nano-tooltip .nano-tooltip__popper[data-popper-placement^=bottom]>#arrow{top:-5px}.nano-tooltip .nano-tooltip__popper[data-popper-placement^=left]>#arrow{right:-5px}.nano-tooltip .nano-tooltip__popper[data-popper-placement^=right]>#arrow{left:-5px}.nano-tooltip .nano-tooltip__popper[data-popper-placement^=top]>#arrow:before{border-right:1px solid var(--nano-popover-border-color);border-bottom:1px solid var(--nano-popover-border-color)}.nano-tooltip .nano-tooltip__popper[data-popper-placement^=bottom]>#arrow:before{border-left:1px solid var(--nano-popover-border-color);border-top:1px solid var(--nano-popover-border-color)}.nano-tooltip .nano-tooltip__popper[data-popper-placement^=left]>#arrow:before{border-right:1px solid var(--nano-popover-border-color);border-top:1px solid var(--nano-popover-border-color)}.nano-tooltip .nano-tooltip__popper[data-popper-placement^=right]>#arrow:before{border-left:1px solid var(--nano-popover-border-color);border-bottom:1px solid var(--nano-popover-border-color)}.nano-tooltip .fade-enter-active,.nano-tooltip .fade-leave-active{transition:opacity var(--nano-transition-duration)}.nano-tooltip .fade-enter-from,.nano-tooltip .fade-leave-to{opacity:0}.nano-dropdown .nano-dropdown__menu{--nano-dropdown-menuItem-hover-fill:var(--nano-color-primary-light-9);--nano-dropdown-menuItem-hover-color:var(--nano-color-primary);--nano-dropdown-menuItem-disabled-color:var(--nano-border-color-lighter);--nano-dropdown-menuItem-divided-color:var(--nano-border-color-lighter)}.nano-dropdown{display:inline-block}.nano-dropdown .nano-tooltip{--nano-popover-padding:5px 0}.nano-dropdown__menu{margin:0;padding:0;list-style-type:none}.nano-dropdown__menu .nano-dropdown__item{white-space:nowrap;line-height:22px;font-size:var(--nano-font-size-base);color:var(--nano-text-color-regular);cursor:pointer;outline:none;align-items:center;margin:0;padding:5px 16px;list-style:none;display:flex}.nano-dropdown__menu .nano-dropdown__item:hover{background-color:var(--nano-dropdown-menuItem-hover-fill);color:var(--nano-dropdown-menuItem-hover-color)}.nano-dropdown__menu .nano-dropdown__item.is-disabled{color:var(--nano-dropdown-menuItem-disabled-color);cursor:not-allowed;background-image:none}.nano-dropdown__menu .divided-placeholder{border-top:1px solid var(--nano-dropdown-menuItem-divided-color);margin:6px 0}.nano-message{--nano-message-bg-color:var(--nano-color-info-light-9);--nano-message-border-color:var(--nano-border-color-lighter);--nano-message-padding:15px 19px;--nano-message-close-size:16px;--nano-message-close-icon-color:var(--nano-text-color-placeholder);--nano-message-close-hover-color:var(--nano-text-color-secondary)}.nano-message{box-sizing:border-box;border-radius:var(--nano-border-radius-base);border-width:var(--nano-border-width);border-style:var(--nano-border-style);border-color:var(--nano-message-border-color);background-color:var(--nano-message-bg-color);width:fit-content;max-width:calc(100% - 32px);padding:var(--nano-message-padding);transition:top var(--nano-transition-duration), opacity var(--nano-transition-duration), transform var(--nano-transition-duration);align-items:center;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.nano-message .nano-message__content{color:var(--nano-message-text-color);overflow-wrap:anywhere}.nano-message.is-close .nano-message__content{padding-right:15px}.nano-message .nano-message__close{align-items:center;display:flex}.nano-message .nano-message__close svg{cursor:pointer}.nano-message--info{--nano-message-bg-color:var(--nano-color-info-light-9);--nano-message-border-color:var(--nano-color-info-light-8);--nano-message-text-color:var(--nano-color-info)}.nano-message--info .nano-message__close{--nano-icon-color:var(--nano-color-info)}.nano-message--success{--nano-message-bg-color:var(--nano-color-success-light-9);--nano-message-border-color:var(--nano-color-success-light-8);--nano-message-text-color:var(--nano-color-success)}.nano-message--success .nano-message__close{--nano-icon-color:var(--nano-color-success)}.nano-message--warning{--nano-message-bg-color:var(--nano-color-warning-light-9);--nano-message-border-color:var(--nano-color-warning-light-8);--nano-message-text-color:var(--nano-color-warning)}.nano-message--warning .nano-message__close{--nano-icon-color:var(--nano-color-warning)}.nano-message--danger{--nano-message-bg-color:var(--nano-color-danger-light-9);--nano-message-border-color:var(--nano-color-danger-light-8);--nano-message-text-color:var(--nano-color-danger)}.nano-message--danger .nano-message__close{--nano-icon-color:var(--nano-color-danger)}.nano-message.fade-up-enter-from,.nano-message.fade-up-leave-to{opacity:0;transform:translate(-50%,-100%)}.nano-input{--nano-input-text-color:var(--nano-text-color-regular);--nano-input-border:var(--nano-border);--nano-input-hover-border:var(--nano-border-color-hover);--nano-input-focus-border:var(--nano-color-primary);--nano-input-transparent-border:0 0 0 1px transparent inset;--nano-input-border-color:var(--nano-border-color);--nano-input-border-radius:var(--nano-border-radius-base);--nano-input-bg-color:var(--nano-fill-color-blank);--nano-input-icon-color:var(--nano-text-color-placeholder);--nano-input-placeholder-color:var(--nano-text-color-placeholder);--nano-input-hover-border-color:var(--nano-border-color-hover);--nano-input-clear-hover-color:var(--nano-text-color-secondary);--nano-input-focus-border-color:var(--nano-color-primary)}.nano-input{--nano-input-height:var(--nano-component-size);font-size:var(--nano-font-size-base);width:100%;line-height:var(--nano-input-height);box-sizing:border-box;vertical-align:middle;display:inline-flex;position:relative}.nano-input.is-disabled{cursor:not-allowed}.nano-input.is-disabled .nano-input__wrapper{background-color:var(--nano-disabled-bg-color);box-shadow:0 0 0 1px var(--nano-disabled-border-color) inset}.nano-input.is-disabled .nano-input__inner{color:var(--nano-disabled-text-color);-webkit-text-fill-color:var(--nano-disabled-text-color);cursor:not-allowed}.nano-input.is-disabled .nano-textarea__inner{background-color:var(--nano-disabled-bg-color);box-shadow:0 0 0 1px var(--nano-disabled-border-color) inset;color:var(--nano-disabled-text-color);-webkit-text-fill-color:var(--nano-disabled-text-color);cursor:not-allowed}.nano-input.is-prepend>.nano-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.nano-input.is-append>.nano-input__wrapper{border-top-right-radius:0;border-bottom-right-radius:0}.nano-input--large{--nano-input-height:var(--nano-component-size-large);font-size:14px}.nano-input--large .nano-input__wrapper{padding:1px 15px}.nano-input--large .nano-input__wrapper .nano-input__inner{--nano-input-inner-height:calc(var(--nano-input-height,40px) - 2px)}.nano-input--small{--nano-input-height:var(--nano-component-size-small);font-size:12px}.nano-input--small .nano-input__wrapper{padding:1px 7px}.nano-input--small .nano-input__wrapper .nano-input__inner{--nano-input-inner-height:calc(var(--nano-input-height,24px) - 2px)}.nano-input__prefix,.nano-input__suffix{white-space:nowrap;text-align:center;height:100%;color:var(--nano-input-icon-color,var(--nano-text-color-placeholder));transition:all var(--nano-transition-duration);flex-wrap:nowrap;flex-shrink:0;display:inline-flex}.nano-input__prefix>:first-child{margin-left:0!important}.nano-input__prefix>:last-child{margin-right:8px!important}.nano-input__suffix>:first-child{margin-left:8px!important}.nano-input__suffix>:last-child{margin-right:0!important}.nano-input__prepend,.nano-input__append{background-color:var(--nano-fill-color-light);color:var(--nano-color-info);border-radius:var(--nano-input-border-radius);white-space:nowrap;justify-content:center;align-items:center;min-height:100%;padding:0 20px;display:inline-flex;position:relative}.nano-input__prepend{box-shadow:1px 0 0 0 var(--nano-input-border-color) inset,0 1px 0 0 var(--nano-input-border-color) inset,0 -1px 0 0 var(--nano-input-border-color) inset;border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.nano-input__append{box-shadow:0 1px 0 0 var(--nano-input-border-color) inset,0 -1px 0 0 var(--nano-input-border-color) inset,-1px 0 0 0 var(--nano-input-border-color) inset;border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.nano-input__append>.nano-input__wrapper{border-top-left-radius:0;border-bottom-left-radius:0}.nano-input--textarea{vertical-align:bottom;width:100%;font-size:var(--nano-font-size-base);display:inline-block;position:relative}.nano-textarea__wrapper{resize:vertical;box-sizing:border-box;width:100%;line-height:1.5;font-size:inherit;color:var(--nano-input-text-color,var(--nano-text-color-regular));background-color:var(--nano-input-bg-color,var(--nano-fill-color-blank));-webkit-appearance:none;box-shadow:0 0 0 1px var(--nano-input-border-color,var(--nano-border-color)) inset;border-radius:var(--nano-input-border-radius,var(--nano-border-radius-base));transition:var(--nano-transition-box-shadow);background-image:none;border:none;padding:5px 11px;font-family:inherit;display:block;position:relative}.nano-textarea__wrapper:focus{box-shadow:0 0 0 1px var(--nano-input-focus-border-color) inset;outline:none}.nano-textarea__wrapper::placeholder{color:var(--nano-input-placeholder-color)}.nano-input__wrapper{background-color:var(--nano-input-bg-color,var(--nano-fill-color-blank));border-radius:var(--nano-input-border-radius,var(--nano-border-radius-base));transition:var(--nano-transition-box-shadow);box-shadow:0 0 0 1px var(--nano-input-border-color,var(--nano-border-color)) inset;background-image:none;flex-grow:1;justify-content:center;align-items:center;padding:1px 11px;display:inline-flex}.nano-input__wrapper:hover{box-shadow:0 0 0 1px var(--nano-input-hover-border-color) inset}.nano-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--nano-input-focus-border-color) inset}.nano-input__wrapper .nano-input__inner{--nano-input-inner-height:calc(var(--nano-input-height,32px) - 2px);-webkit-appearance:none;width:100%;color:var(--nano-input-text-color,var(--nano-text-color-regular));font-size:inherit;height:var(--nano-input-inner-height);line-height:var(--nano-input-inner-height);box-sizing:border-box;background:0 0;border:none;outline:none;flex-grow:1;padding:0}.nano-input__wrapper .nano-input__inner::placeholder{color:var(--nano-input-placeholder-color)}.nano-input__wrapper .nano-icon{height:inherit;line-height:inherit;transition:all var(--nano-transition-duration);justify-content:center;align-items:center;margin-left:8px;display:flex}.nano-input__wrapper .nano-input__clear,.nano-input__wrapper .nano-input__password{color:var(--nano-input-icon-color);cursor:pointer;font-size:14px}:is(.nano-input__wrapper .nano-input__clear,.nano-input__wrapper .nano-input__password):hover{color:var(--nano-input-clear-hover-color)}.nano-switch{--nano-switch-on-color:var(--nano-color-primary);--nano-switch-off-color:var(--nano-border-color);--nano-switch-on-border-color:var(--nano-color-primary);--nano-switch-off-border-color:var(--nano-border-color)}.nano-switch{align-items:center;height:32px;font-size:14px;line-height:20px;display:inline-flex}.nano-switch .nano-switch__input{opacity:0;width:0;height:0;margin:0;position:absolute}.nano-switch .nano-switch__input:focus-visible~.nano-switch__core{outline:2px solid var(--nano-switch-on-color);outline-offset:1px}.nano-switch.is-disabled{opacity:.6}.nano-switch.is-disabled .nano-switch__core{cursor:not-allowed}.nano-switch.is-checked .nano-switch__core{border-color:var(--nano-switch-on-border-color);background-color:var(--nano-switch-on-color)}.nano-switch.is-checked .nano-switch__core .nano-switch__core-action{left:calc(100% - 17px)}.nano-switch.is-checked .nano-switch__core .nano-switch__core-inner{padding:0 18px 0 4px}.nano-switch--large{height:40px;font-size:14px;line-height:24px}.nano-switch--large .nano-switch__core{border-radius:12px;min-width:50px;height:24px}.nano-switch--large .nano-switch__core .nano-switch__core-action{width:20px;height:20px}.nano-switch--large.is-checked .nano-switch__core .nano-switch__core-action{color:var(--nano-switch-on-color);left:calc(100% - 21px)}.nano-switch--small{height:24px;font-size:12px;line-height:16px}.nano-switch--small .nano-switch__core{border-radius:8px;min-width:30px;height:16px}.nano-switch--small .nano-switch__core .nano-switch__core-action{width:12px;height:12px}.nano-switch--small.is-checked .nano-switch__core .nano-switch__core-action{color:var(--nano-switch-on-color);left:calc(100% - 13px)}.nano-switch__core{border:1px solid var(--nano-switch-off-border-color);box-sizing:border-box;background:var(--nano-switch-off-color);cursor:pointer;min-width:40px;height:20px;transition:border-color var(--nano-transition-duration),background-color var(--nano-transition-duration);border-radius:10px;outline:none;align-items:center;display:inline-flex;position:relative}.nano-switch__core .nano-switch__core-action{border-radius:var(--nano-border-radius-circle);background-color:var(--nano-color-white);width:16px;height:16px;transition:all var(--nano-transition-duration);position:absolute;left:1px}.nano-switch__core .nano-switch__core-inner{width:100%;transition:all var(--nano-transition-duration);justify-content:center;align-items:center;height:16px;padding:0 4px 0 18px;display:flex;overflow:hidden}.nano-switch__core .nano-switch__core-inner .nano-switch__core-inner-text{color:var(--nano-color-white);-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.nano-select{--nano-select-item-hover-bg-color:var(--nano-fill-color-light);--nano-select-item-font-size:var(--nano-font-size-base);--nano-select-item-font-color:var(--nano-text-color-regular);--nano-select-item-selected-font-color:var(--nano-color-primary);--nano-select-item-disabled-font-color:var(--nano-text-color-placeholder);--nano-select-input-focus-border-color:var(--nano-color-primary)}.nano-select{vertical-align:middle;line-height:32px;display:inline-block}.nano-select .nano-tooltip .nano-tooltip__popper{padding:0}.nano-select .nano-input.is-focus .nano-input__wrapper{box-shadow:0 0 0 1px var(--nano-select-input-focus-border-color) inset!important}.nano-select .nano-input .header-angle{transition:transform var(--nano-transition-duration)}.nano-select .nano-input .header-angle.is-active{transform:rotate(180deg)}.nano-select .nano-input__inner{cursor:pointer}.nano-select .nano-select__nodata,.nano-select .nano-select__loading{text-align:center;color:var(--nano-text-color-secondary);font-size:var(--nano-select-font-size);margin:0;padding:10px 0}.nano-select .nano-select__menu{box-sizing:border-box;margin:6px 0;padding:0;list-style:none}.nano-select .nano-select__menu-item{font-size:var(--nano-select-item-font-size);white-space:nowrap;text-overflow:ellipsis;color:var(--nano-select-item-font-color);box-sizing:border-box;cursor:pointer;height:34px;margin:0;padding:0 32px 0 20px;line-height:34px;position:relative;overflow:hidden}.nano-select .nano-select__menu-item:hover{background-color:var(--nano-select-item-hover-bg-color)}.nano-select .nano-select__menu-item.is-selected{color:var(--nano-select-item-selected-font-color);font-weight:700}.nano-select .nano-select__menu-item.is-highlighted{background-color:var(--nano-select-item-hover-bg-color)}.nano-select .nano-select__menu-item.is-disabled{color:var(--nano-select-item-disabled-font-color);cursor:not-allowed}.nano-select .nano-select__menu-item.is-disabled:hover{background-color:#0000}.nano-form{--nano-form-label-font-size:var(--nano-font-size-base);--nano-form-content-font-size:var(--nano-font-size-base)}.nano-form-item{margin-bottom:18px;display:flex}.nano-form-item .nano-form-item__label{box-sizing:border-box;width:150px;height:32px;line-height:32px;font-size:var(--nano-form-label-font-size);color:var(--nano-text-color-regular);justify-content:flex-end;padding:0 12px 0 0;display:inline-flex}.nano-form-item .nano-form-item__content{line-height:32px;font-size:var(--nano-form-content-font-size);flex-wrap:wrap;flex:1;align-items:center;min-width:0;display:flex;position:relative}.nano-form-item .nano-form-item__error-msg{color:var(--nano-color-danger);padding-top:2px;font-size:12px;line-height:1;position:absolute;top:100%;left:0}.nano-form-item.is-error .nano-input__wrapper{box-shadow:0 0 0 1px var(--nano-color-danger) inset}.nano-form-item.is-success .nano-input__wrapper{box-shadow:0 0 0 1px var(--nano-color-success) inset}.nano-form-item.is-required>.nano-form-item__label:before{content:"*";color:var(--nano-color-danger);margin-right:4px}
|
|
2
|
+
/*$vite$:1*/
|