@a2simcode/ui 0.0.2 → 0.0.4

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.
Files changed (89) hide show
  1. package/README.md +1 -0
  2. package/dist/components/autocomplete/index.d.ts +118 -0
  3. package/dist/components/autocomplete/src/autocomplete.vue.d.ts +109 -0
  4. package/dist/components/barcode/index.d.ts +114 -0
  5. package/dist/components/barcode/src/barcode.vue.d.ts +101 -0
  6. package/dist/components/button/index.d.ts +278 -0
  7. package/dist/components/button/src/button.vue.d.ts +268 -0
  8. package/dist/components/buttons/index.d.ts +81 -0
  9. package/dist/components/buttons/src/index.vue.d.ts +76 -0
  10. package/dist/components/buttons/src/interface.d.ts +128 -0
  11. package/dist/components/buttons/src/useButtons.d.ts +4 -0
  12. package/dist/components/cascader-select/index.d.ts +142 -0
  13. package/dist/components/cascader-select/src/cascader-select.vue.d.ts +128 -0
  14. package/dist/components/checkbox/index.d.ts +73 -0
  15. package/dist/components/checkbox/src/checkbox.vue.d.ts +55 -0
  16. package/dist/components/code-mirror/index.d.ts +74 -0
  17. package/dist/components/code-mirror/src/code-mirror.vue.d.ts +45 -0
  18. package/dist/components/comp/index.d.ts +157 -0
  19. package/dist/components/comp/src/comp.vue.d.ts +164 -0
  20. package/dist/components/dialog/index.d.ts +416 -0
  21. package/dist/components/dialog/src/index.vue.d.ts +404 -0
  22. package/dist/components/dialog-full/index.d.ts +311 -0
  23. package/dist/components/dialog-full/src/index.vue.d.ts +287 -0
  24. package/dist/components/drawer/index.d.ts +335 -0
  25. package/dist/components/drawer/src/drawer.vue.d.ts +337 -0
  26. package/dist/components/dynamic-layer/index.d.ts +25 -0
  27. package/dist/components/dynamic-layer/src/dynamic-layer.vue.d.ts +8 -0
  28. package/dist/components/dynamic-layer/src/interface.d.ts +66 -0
  29. package/dist/components/echarts/index.d.ts +177 -0
  30. package/dist/components/echarts/src/echarts.vue.d.ts +118 -0
  31. package/dist/components/form/index.d.ts +194 -0
  32. package/dist/components/form/src/form.vue.d.ts +106 -0
  33. package/dist/components/form/src/interface.d.ts +138 -0
  34. package/dist/components/form/src/useForm/index.d.ts +9 -0
  35. package/dist/components/form/src/useForm/interface.d.ts +170 -0
  36. package/dist/components/form/src/useForm/validateUtil.d.ts +5 -0
  37. package/dist/components/form-item/index.d.ts +112 -0
  38. package/dist/components/form-item/src/form-item.vue.d.ts +97 -0
  39. package/dist/components/icon/index.d.ts +31 -0
  40. package/dist/components/icon/src/icon.vue.d.ts +33 -0
  41. package/dist/components/index.d.ts +35 -0
  42. package/dist/components/input/index.d.ts +111 -0
  43. package/dist/components/input/src/input.vue.d.ts +110 -0
  44. package/dist/components/input-tag/index.d.ts +75 -0
  45. package/dist/components/input-tag/src/input-tag.vue.d.ts +40 -0
  46. package/dist/components/layer/index.d.ts +284 -0
  47. package/dist/components/layer/src/layer.vue.d.ts +263 -0
  48. package/dist/components/layout/__tests__/layout.test.d.ts +1 -0
  49. package/dist/components/layout/index.d.ts +173 -0
  50. package/dist/components/layout/src/layout.vue.d.ts +187 -0
  51. package/dist/components/number/index.d.ts +85 -0
  52. package/dist/components/number/src/number.vue.d.ts +78 -0
  53. package/dist/components/page/index.d.ts +67 -0
  54. package/dist/components/page/src/interface.d.ts +22 -0
  55. package/dist/components/page/src/page.vue.d.ts +52 -0
  56. package/dist/components/radio/index.d.ts +152 -0
  57. package/dist/components/radio/src/radio.vue.d.ts +123 -0
  58. package/dist/components/rate/index.d.ts +71 -0
  59. package/dist/components/rate/src/rate.vue.d.ts +42 -0
  60. package/dist/components/select/index.d.ts +88 -0
  61. package/dist/components/select/src/select.vue.d.ts +75 -0
  62. package/dist/components/slider/index.d.ts +89 -0
  63. package/dist/components/slider/src/slider.vue.d.ts +76 -0
  64. package/dist/components/table/index.d.ts +160 -0
  65. package/dist/components/table/src/table.vue.d.ts +143 -0
  66. package/dist/components/upload/index.d.ts +405 -0
  67. package/dist/components/upload/src/list.vue.d.ts +103 -0
  68. package/dist/components/upload/src/upload.vue.d.ts +367 -0
  69. package/dist/components/upload/src/utils.d.ts +2 -0
  70. package/dist/{utils → components/utils}/index.d.ts +0 -1
  71. package/dist/core/index.d.ts +1 -0
  72. package/dist/core/utils/cipher.d.ts +21 -0
  73. package/dist/core/utils/common.d.ts +41 -0
  74. package/dist/core/utils/comp.d.ts +9 -0
  75. package/dist/core/utils/date.d.ts +3 -0
  76. package/dist/core/utils/dom.d.ts +4 -0
  77. package/dist/core/utils/index.d.ts +6 -0
  78. package/dist/core/utils/is.d.ts +2 -0
  79. package/dist/index.d.ts +6 -9
  80. package/dist/simcode-ui.es.js +5021 -81
  81. package/dist/simcode-ui.umd.js +1 -1
  82. package/dist/stats.html +4949 -0
  83. package/dist/ui.css +1 -0
  84. package/package.json +36 -22
  85. package/dist/button/index.d.ts +0 -157
  86. package/dist/button/src/button.vue.d.ts +0 -78
  87. package/dist/input/index.d.ts +0 -137
  88. package/dist/input/src/input.vue.d.ts +0 -64
  89. package/dist/style.css +0 -1
package/dist/ui.css ADDED
@@ -0,0 +1 @@
1
+ .j-echarts[data-v-d0771090]{width:100%;height:100%}body{--j-color-primary: #165dff;--j-color-primary-hover: #4080ff;--j-color-primary-active: #0e42d2;--j-color-primary-bg: #e8f3ff;--j-color-success: #00b42a;--j-color-warning: #ff7d00;--j-color-danger: #f53f3f;--j-color-danger-hover: #f76560;--j-color-danger-active: #cb272d;--j-color-text: #1d2129;--j-color-text-2: #4e5969;--j-color-text-3: #86909c;--j-color-text-4: #c9cdd4;--j-color-hover: #f2f3f5;--j-color-hover-2: #e5e6eb;--j-color-hover-3: #f7f8fa;--j-color-border: #e5e6eb;--j-color-border-2: #c9cdd4;--j-color-border-3: #86909c;--j-color-bg: #f2f3f5;--j-color-bg-container: #fff;--j-color-button: #f2f3f5;--j-color-button-hover: #e5e6eb;--j-color-button-active: #c9cdd4;--el-color-primary: var(--j-color-primary);--el-color-warning: var(--j-color-warning);--el-color-danger: var(--j-color-danger);--el-color-error: var(--j-color-danger);--el-overlay-color-lighter: #1d212999;--el-messagebox-title-color: var(--j-color-text);--el-text-color-primary: var(--j-color-text);--el-component-size: 28px;--el-text-color-secondary: var(--j-color-text-2);--el-border-color-light: var(--j-color-border);--el-text-color-placeholder: var(--j-color-text-3);--el-box-shadow-light: 0 4px 10px rgba(0, 0, 0, .1);--el-fill-color-light: var(--j-color-hover);--el-border-color: var(--j-color-border);--el-color-info: #4e5969}.j-button{display:inline-flex;position:relative;box-sizing:border-box;align-items:center;justify-content:center;height:28px;padding:0 11px;transition:all .2s cubic-bezier(.645,.045,.355,1);border:1px solid transparent;border-radius:2px;font-size:14px;text-align:center;white-space:nowrap;cursor:pointer;gap:2px}.j-button.j-button-icon-only{width:28px;padding-inline:0 0;gap:0}.j-button.j-button-icon-only.j-button-round{width:auto}.j-button:disabled{border-color:transparent;background-color:var(--color-fill-tertiary);box-shadow:none;color:var(--j-color-text-4);cursor:not-allowed}.j-button.j-button-sm{height:21px;padding:0 7px;border-radius:4px}.j-button.j-button-sm.j-button-circle{min-width:21px;padding-inline:0 0;border-radius:50%}.j-button.j-button-sm.j-button-round{padding-inline:10.5px 10.5px;border-radius:21px}.j-button.j-button-sm.j-button-icon-only{width:21px;padding-inline:0 0;gap:0}.j-button.j-button-lg{height:36px;padding:4.8px 11px;border-radius:2px;font-size:14px}.j-button.j-button-lg.j-button-icon-only{width:36px;padding-inline:0 0;gap:0}.j-button.j-button-lg.j-button-circle{min-width:36px}.j-button.j-button-lg.j-button-round{padding-inline:17.5px 17.5px;border-radius:36px}.j-button.j-button-lg.j-button-round.j-button-icon-only{width:auto;gap:0}.j-button.j-button-circle{min-width:28px;padding-inline:0 0;border-radius:50%}.j-button.j-button-round{padding-inline:14px 14px;border-radius:28px}.j-button.j-button-block{width:100%}.j-button.j-button-loading{opacity:.65;cursor:default}.j-button:not(.j-button-icon-only) .j-button-loading-icon{margin-inline-end:4px}.j-button.active{background-color:var(--j-color-primary-bg);color:var(--j-color-primary)}.j-button-primary{background-color:var(--j-color-primary);color:#fff}.j-button-primary:not(:disabled):hover{background-color:var(--j-color-primary-hover);color:#fff}.j-button-primary:not(:disabled):active{background-color:var(--j-color-primary-active);color:#fff}.j-button-primary.j-button-danger{background-color:var(--j-color-danger);box-shadow:0 2px #ff26050f}.j-button-primary.j-button-danger:not(:disabled):hover{background-color:var(--j-color-danger-hover)}.j-button-primary.j-button-danger:not(:disabled):active{background-color:var(--color-error-active)}.j-button-primary.j-button-ghost{border-color:var(--j-color-primary);background-color:transparent;box-shadow:none;color:var(--j-color-primary)}.j-button-primary.j-button-ghost:not(:disabled):hover{border-color:var(--color-primary-hover);background-color:transparent;color:var(--color-primary-hover)}.j-button-primary.j-button-ghost:not(:disabled):active{border-color:var(--color-primary-active);background-color:transparent;color:var(--color-primary-active)}.j-button-primary.j-button-ghost.j-button-danger{border-color:var(--j-color-danger);background-color:transparent;box-shadow:none;color:var(--j-color-danger)}.j-button-primary.j-button-ghost.j-button-danger:not(:disabled):hover{border-color:var(--j-color-danger-hover);background-color:transparent;color:var(--j-color-danger-hover)}.j-button-primary.j-button-ghost.j-button-danger:not(:disabled):active{border-color:var(--color-error-active);background-color:transparent;color:var(--color-error-active)}.j-button-default{background-color:var(--j-color-button);color:var(--j-color-text-2)}.j-button-default:not(:disabled):hover{background-color:var(--j-color-button-hover);color:var(--j-color-text-2)}.j-button-default:not(:disabled):active{background-color:var(--j-color-button-active);color:var(--j-color-text-2)}.j-button-default.j-button-danger{border-color:var(--j-color-danger);color:var(--j-color-danger)}.j-button-default.j-button-danger:not(:disabled):hover{border-color:var(--color-error-border-hover);color:var(--j-color-danger-hover)}.j-button-default.j-button-danger:not(:disabled):active{border-color:var(--color-error-active);color:var(--color-error-active)}.j-button-default.j-button-ghost{border-color:var(--j-color-bg-container);background-color:transparent;box-shadow:none;color:var(--j-color-bg-container)}.j-button-default.j-button-ghost.j-button-danger{border-color:var(--j-color-danger);background-color:transparent;box-shadow:none;color:var(--j-color-danger)}.j-button-default.j-button-ghost.j-button-danger:not(:disabled):hover{border-color:var(--j-color-danger-hover);background-color:transparent;color:var(--j-color-danger-hover)}.j-button-default.j-button-ghost.j-button-danger:not(:disabled):active{border-color:var(--color-error-active);background-color:transparent;color:var(--color-error-active)}.j-button-dashed{border-style:dashed;border-color:var(--j-color-border);background-color:var(--j-color-button);color:var(--j-color-text-2)}.j-button-dashed:not(:disabled):hover{background-color:var(--j-color-button-hover);color:var(--j-color-text-2)}.j-button-dashed:not(:disabled):active{background-color:var(--j-color-button-active);color:var(--j-color-text-2)}.j-button-dashed.j-button-danger{border-color:var(--j-color-danger);color:var(--j-color-danger)}.j-button-dashed.j-button-danger:not(:disabled):hover{border-color:var(--color-error-border-hover);color:var(--j-color-danger-hover)}.j-button-dashed.j-button-danger:not(:disabled):active{border-color:var(--color-error-active);color:var(--color-error-active)}.j-button-dashed.j-button-ghost{border-color:var(--j-color-bg-container);background-color:transparent;box-shadow:none;color:var(--j-color-bg-container)}.j-button-dashed.j-button-ghost.j-button-danger{border-color:var(--j-color-danger);background-color:transparent;box-shadow:none;color:var(--j-color-danger)}.j-button-dashed.j-button-ghost.j-button-danger:not(:disabled):hover{border-color:var(--j-color-danger-hover);background-color:transparent;color:var(--j-color-danger-hover)}.j-button-dashed.j-button-ghost.j-button-danger:not(:disabled):active{border-color:var(--color-error-active);background-color:transparent;color:var(--color-error-active)}.j-button-text{background-color:transparent;color:var(--j-color-text)}.j-button-text:not(:disabled):hover{background-color:var(--j-color-hover)}.j-button-text:not(:disabled):active{background-color:var(--j-color-hover)}.j-button-text:disabled{border:none;background-color:transparent}.j-button-text.j-button-danger{color:var(--j-color-danger)}.j-button-text.j-button-danger:not(:disabled):hover{background-color:var(--color-error-bg);color:var(--j-color-danger-hover)}.j-button-text.j-button-danger:not(:disabled):active{color:var(--color-error-active)}.j-button-link{background-color:transparent;color:var(--j-color-primary)}.j-button-link:not(:disabled):hover{color:var(--j-color-primary-hover)}.j-button-link:not(:disabled):active{color:var(--j-color-primary-active)}.j-button-link:disabled{border:none;background-color:transparent}.j-button-link.j-button-danger{color:var(--j-color-danger)}.j-button-link.j-button-danger:not(:disabled):hover{color:var(--j-color-danger-hover)}.j-button-link.j-button-danger:not(:disabled):active{color:var(--j-color-danger-active)}.j-button-compact:not(.j-button-last-compact-item).j-button-first-compact-item{border-start-end-radius:0;border-end-end-radius:0}.j-button-compact:not(.j-button-last-compact-item){margin-inline-end:-1px}.j-button-compact:not(.j-button-first-compact-item).j-button-last-compact-item{border-start-start-radius:0;border-end-start-radius:0}.j-button-compact:hover,.j-button-compact:active{z-index:2}.j-button-compact:not(.j-button-first-compact-item):not(.j-button-last-compact-item){border-radius:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spin{animation:spin 1s linear infinite}.el-input,.el-textarea{--el-input-border-color: var(--j-color-border-2) !important;--el-input-border-radius: 2px !important}.el-input__inner{color:var(--j-color-text)}.el-input__wrapper,.el-textarea__inner{padding:1px 8px;border-radius:2px;box-shadow:0 0 0 1px var(--j-color-border-2) inset}.el-input__wrapper:hover:not(.is-focus),.el-textarea__inner:hover:not(.is-focus){box-shadow:0 0 0 1px var(--j-color-primary) inset}.el-textarea__inner{padding:4px 8px}.el-input__suffix,.el-input__prefix{height:auto}.el-input__prefix-inner{width:16px}.el-input__suffix-inner{margin-right:-4px}.no-border .el-input__wrapper{border-radius:2px;box-shadow:none}.no-border .el-input__wrapper:hover{box-shadow:none}.background .el-input__wrapper{background-color:var(--j-color-bg)}.jicon{display:inline-flex;align-items:center;color:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;line-height:0;text-align:center;text-rendering:optimizelegibility;text-transform:none;vertical-align:-.125em}.j-icon{display:flex;align-items:center;justify-content:center}.el-select__wrapper{min-height:28px;padding-right:8px;padding-left:8px;border-radius:2px;box-shadow:0 0 0 1px var(--j-color-border-2) inset;gap:2px}.el-select__wrapper:hover:not(.is-focused){box-shadow:0 0 0 1px var(--j-color-primary) inset}.no-border .el-select__wrapper{box-shadow:none}.no-border .el-select__wrapper:hover{background-color:var(--j-color-hover);box-shadow:none}.no-border.rows-background .el-select__wrapper:hover{background-color:var(--j-color-bg-container);box-shadow:none}.el-select__popper.el-popper{box-shadow:none}.el-select-dropdown__item{padding-left:0;color:var(--j-color-text)}.el-select-dropdown__item.is-hovering{background-color:var(--j-color-hover)}.el-popper.is-light,.el-popper.is-light>.el-popper__arrow:before{border:1px solid var(--j-color-border)}.j-select-option-wrapper{display:flex;align-items:center;height:32px;padding-left:8px;color:var(--j-color-text);font-size:14px;font-weight:400;cursor:pointer;gap:4px}.j-select-option-wrapper .j-select-option-icon{color:var(--j-color-text-2)}.el-select-group .j-select-option-wrapper{padding-left:0}.el-select-dropdown__item.is-disabled{background-color:unset!important}.el-select-dropdown__item.is-disabled .j-select-option-wrapper,.el-select-dropdown__item.is-disabled .j-select-option-icon{color:var(--j-color-text-4)}.el-select-dropdown__item.is-selected:not(.is-disabled) .j-select-option-wrapper{color:var(--j-color-primary);font-weight:500}.j-select-input-label-wrapper{display:flex;gap:4px;align-items:center}.el-select__selection.is-near{margin-left:0}.el-select-group__title,.el-select-group .el-select-dropdown__item{padding:0 8px}.j-layout{display:flex;position:relative;width:100%;height:100%;overflow:hidden}.j-layout--container{display:flex;position:relative;flex:1;flex-direction:column;width:0;height:100%;overflow:hidden;transition:all .3s}.j-layout--wrapper{position:relative;flex:1;width:100%;height:0;overflow:hidden;transition:all .3s}.j-layout--top,.j-layout--bottom,.j-layout--left,.j-layout--right{position:relative;overflow:hidden;transition:all .3s}.j-layout--top,.j-layout--bottom{width:100%;height:0;max-height:100%}.j-layout--left,.j-layout--right{width:0;max-width:100%;height:100%}.j-layout--move{position:absolute;z-index:2}.j-layout--top .j-layout--move{bottom:0;left:0;width:100%;height:4px;cursor:row-resize}.j-layout--bottom .j-layout--move{top:0;left:0;width:100%;height:4px;cursor:row-resize}.j-layout--left .j-layout--move{top:0;right:0;width:4px;height:100%;cursor:col-resize}.j-layout--right .j-layout--move{top:0;left:0;width:4px;height:100%;cursor:col-resize}.j-layout-not-hidden,.j-layout-not-hidden .j-layout--wrapper,.j-layout-not-hidden .j-layout--top,.j-layout-not-hidden .j-layout--bottom,.j-layout-not-hidden .j-layout--left,.j-layout-not-hidden .j-layout--right,.j-layout-not-hidden .j-layout--container{overflow:visible!important}.j-table{width:100%;height:100%;position:relative}.j-table canvas{outline:none}.j-table-border{border:1px solid #e8e8e8;border-radius:2px}.j-dialog{padding:0;box-shadow:none}.j-dialog .el-dialog__header{display:none}.j-dialog-header{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%;height:48px!important;padding:0 8px;overflow:hidden;border-bottom:1px solid var(--j-color-border);border-radius:4px 4px 0 0;background-color:var(--j-color-bg-container);color:var(--j-color-text)}.j-dialog-header-left{display:flex;position:relative;flex:1;align-items:center;width:0;height:40px}.j-dialog-window{position:relative;width:100%;overflow:hidden;border-radius:0 0 4px 4px;background-color:var(--j-color-bg-container)}.j-dialog-window-hasBtns{padding-bottom:48px}.j-dialog-window-hasSteps{padding-top:40px}.j-dialog-steps{display:flex;position:absolute;top:0;left:0;align-items:center;justify-content:center;width:100%;height:40px;padding:0 16px}.j-dialog-steps .el-steps--simple{background:none}.j-dialog-btns{display:flex;position:absolute;bottom:0;left:0;align-items:center;justify-content:flex-end;width:100%;height:48px;padding-right:8px;border-top:1px solid var(--j-color-border)}.j-dialog-full{top:0;left:0;max-width:100%;margin:0;padding:0}.j-dialog-full .el-dialog__body{color:var(--j-color-text-2)}.j-dialog-full-window{display:flex;position:relative;flex-direction:column;width:100%;height:100%}.j-dialog-full .el-dialog__header{display:none}.j-dialog-full .el-dialog__body{position:relative;height:100%;width:100%;padding:0}.j-dialog-full-header{display:flex;position:relative;align-items:center;justify-content:space-between;width:100%;height:56px;padding:0 8px;overflow:hidden;border-bottom:1px solid var(--j-color-border);background-color:var(--j-color-bg-container)}.j-dialog-full-header-left{display:flex;position:relative;align-items:center;height:100%;overflow:hidden}.j-dialog-full-header-right{display:flex;justify-content:flex-end;align-items:center}.j-dialog-full-header-mid{flex:1;width:0}.j-dialog-full-header-mid .el-steps--simple{background:none}.j-dialog-full-header-logo{height:20px}.j-dialog-full-body{flex:1;height:0;overflow:auto;overflow-x:hidden;background-color:var(--j-color-bg)}.j-dialog-full-btns{display:flex;position:absolute;bottom:0;left:0;align-items:center;justify-content:flex-end;width:100%;height:48px;padding-right:8px;border-top:1px solid #f0f0f0}.j-root-drawer .j-drawer-footer{display:flex;align-items:center;justify-content:right;height:48px;padding-right:8px}.el-drawer:focus{outline:none}.j-drawer .el-drawer__body{padding:0}.j-drawer .el-drawer__body{position:relative;height:100%}.j-drawer--warpper{position:relative;height:100%;width:100%;padding-top:48px}.j-drawer--header{position:absolute;left:0;top:0;height:48px;width:100%;display:flex;align-items:center;border-bottom:1px solid var(--j-color-border)}.j-drawer--warpper-hasSteps{padding-top:88px}.j-drawer-steps{display:flex;position:absolute;top:48px;left:0;align-items:center;justify-content:center;width:100%;height:40px;padding:0 16px}.j-drawer-steps .el-steps--simple{background:none}.j-drawer--title{position:relative;width:100%;padding-left:16px;color:var(--j-color-text);font-size:14px;flex-grow:2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.j-drawer--btns{position:relative;height:100%;display:flex;align-items:center;padding-right:8px}.j-drawer--body{position:relative;height:100%;width:100%}.j-drawer-bottom-btns{position:absolute;bottom:0;left:0;height:48px;width:100%;display:flex;justify-content:flex-end;align-items:center;padding-right:8px;border-top:1px solid var(--j-color-border)}.j-input-tag .el-input__prefix-inner{width:auto}.j-upload-item{display:flex;position:relative;align-items:center;min-height:47px;padding-right:4px;border-bottom:1px solid var(--j-color-border-2)}.j-upload-item:last-child{border-bottom:none}.j-upload-item .j-icon{color:var(--j-color-text-2)}.j-upload-item-content{flex:1;width:0}.j-upload-item-content .el-link{padding-right:0;padding-left:4px}.j-upload-item-error,.j-upload-item-success{margin-left:4px;transition:all .3s}.j-upload-item-error{display:none;color:var(--j-color-danger)!important;cursor:pointer}.j-upload-item-error:hover{color:var(--j-color-danger-hover)!important}.j-upload-item-success{color:var(--j-color-success)!important}.j-upload-item:hover{background-color:var(--j-color-hover)}.j-upload-item:hover .j-upload-item-error{display:block!important}.j-upload-item:hover .j-upload-item-success{display:none!important}.j-upload-image-list{display:flex;flex-wrap:wrap;max-width:352px!important}.j-upload-imgItem{display:flex;position:relative;align-items:center;width:80px;height:80px;margin-right:8px;margin-bottom:8px;overflow:hidden;border:1px solid var(--j-color-border-2);border-radius:4px}.j-upload-imgItem:not(:nth-child(4n)){margin-right:0}.j-upload-imgItem-mask{display:flex;position:absolute;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--color-bg-mask)}.j-upload-imgItem:hover .j-upload-imgItem-mask{display:flex!important}.j-upload-drag-list{display:flex;flex-wrap:wrap}.j-upload-dragItem{display:flex;position:relative;align-items:center;width:200px;height:88px;margin-right:4px;overflow:hidden;border:1px dashed var(--j-color-border);border-radius:8px}.j-upload-dragItem-content{display:flex;flex:1;flex-direction:column;justify-content:center;width:0}.j-upload-dragItem-mask{display:flex;position:absolute;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100%}.j-upload-dragItem:hover{border:1px dashed var(--j-color-primary)}.j-upload-dragItem:hover .j-upload-dragItem-mask{display:flex!important}.j-upload .el-upload.is-drag .el-upload-drag{width:200px!important;height:88px!important}.j-upload .el-upload-list--picture-card{--el-upload-list-picture-card-size: 80px}.j-upload .el-upload--picture-card{--el-upload-picture-card-size: 80px}.j-code-mirror{position:relative;width:100%;height:100%;font-size:14px}.j-code-mirror .CodeMirror{width:100%;height:100%}.ant-form-item-control-input-content .j-code-mirror{border:1px solid var(--j-color-border)}*{box-sizing:border-box;margin:0;padding:0}.j-block,.j-block-nopadding{position:relative;width:100%;height:100%;margin:0!important}.j-block-nopadding{padding:0!important}.j-overflow-y{overflow:auto;overflow:hidden auto}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@a2simcode/ui",
3
- "version": "0.0.2",
3
+ "version": "0.0.4",
4
4
  "description": "A Vue 3 UI Component Library",
5
5
  "type": "module",
6
6
  "main": "./dist/simcode-ui.umd.js",
@@ -8,9 +8,9 @@
8
8
  "types": "./dist/index.d.ts",
9
9
  "exports": {
10
10
  ".": {
11
+ "types": "./dist/index.d.ts",
11
12
  "import": "./dist/simcode-ui.es.js",
12
- "require": "./dist/simcode-ui.umd.js",
13
- "types": "./dist/index.d.ts"
13
+ "require": "./dist/simcode-ui.umd.js"
14
14
  },
15
15
  "./dist/style.css": "./dist/style.css"
16
16
  },
@@ -22,7 +22,7 @@
22
22
  "build": "vite build",
23
23
  "test": "vitest",
24
24
  "test:ui": "vitest --ui",
25
- "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore",
25
+ "lint": "eslint . --fix",
26
26
  "format": "prettier --write .",
27
27
  "gen:docs": "tsx scripts/gen-api-docs.ts",
28
28
  "docs:dev": "pnpm gen:docs && vitepress dev docs",
@@ -39,29 +39,43 @@
39
39
  "author": "苏州极简搭信息技术有限公司",
40
40
  "license": "UNLICENSED",
41
41
  "peerDependencies": {
42
- "vue": "^3.4.0"
42
+ "@iconify/vue": "^5.0.0",
43
+ "@visactor/vtable": "^1.22.9",
44
+ "async-validator": "^4.2.5",
45
+ "crypto-js": "^4.1.1",
46
+ "dayjs": "^1.11.19",
47
+ "echarts": "^6.0.0",
48
+ "element-plus": "^2.13.0",
49
+ "jsbarcode": "^3.11.6",
50
+ "sql-formatter": "^15.6.12",
51
+ "vue": "^3.5.26"
43
52
  },
44
53
  "devDependencies": {
45
- "@types/node": "^20.10.6",
46
- "@typescript-eslint/eslint-plugin": "^6.16.0",
47
- "@typescript-eslint/parser": "^6.16.0",
48
- "@vitejs/plugin-vue": "^5.0.2",
49
- "@vitest/ui": "^1.1.0",
50
- "@vue/test-utils": "^2.4.3",
51
- "eslint": "^8.56.0",
52
- "eslint-config-prettier": "^9.1.0",
53
- "eslint-plugin-vue": "^9.19.2",
54
- "happy-dom": "^12.10.3",
54
+ "@types/codemirror": "^5.60.15",
55
+ "@types/crypto-js": "^4.2.2",
56
+ "@types/node": "^20.19.27",
57
+ "@typescript-eslint/eslint-plugin": "^8.51.0",
58
+ "@typescript-eslint/parser": "^8.51.0",
59
+ "@vitejs/plugin-vue": "^6.0.3",
60
+ "@vitest/ui": "^1.6.1",
61
+ "@vue/test-utils": "^2.4.6",
62
+ "element-plus": "^2.13.0",
63
+ "eslint": "^9.39.2",
64
+ "eslint-config-prettier": "^9.1.2",
65
+ "eslint-plugin-vue": "^9.33.0",
66
+ "happy-dom": "^20.0.11",
55
67
  "less": "^4.5.1",
56
- "prettier": "^3.1.1",
68
+ "prettier": "^3.7.4",
69
+ "rollup-plugin-visualizer": "^6.0.5",
57
70
  "shiki": "^3.20.0",
71
+ "terser": "^5.44.1",
58
72
  "tsx": "^4.21.0",
59
- "typescript": "^5.3.3",
60
- "vite": "^5.0.10",
61
- "vite-plugin-dts": "^3.7.0",
62
- "vitepress": "^1.0.0-rc.35",
63
- "vitest": "^1.1.0",
64
- "vue": "^3.4.3",
73
+ "typescript": "^5.9.3",
74
+ "vite": "^7.3.0",
75
+ "vite-plugin-dts": "^4.5.4",
76
+ "vitepress": "^1.6.4",
77
+ "vitest": "^1.6.1",
78
+ "vue": "^3.5.26",
65
79
  "vue-docgen-api": "^4.79.2",
66
80
  "vue-tsc": "^1.8.27"
67
81
  },
@@ -1,157 +0,0 @@
1
- declare const JButton: {
2
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
3
- type: {
4
- type: import('vue').PropType<"primary" | "success" | "warning" | "danger" | "info" | "default" | "dashed" | "link" | "text">;
5
- default: string;
6
- };
7
- size: {
8
- type: import('vue').PropType<"default" | "large" | "small">;
9
- default: string;
10
- };
11
- disabled: {
12
- type: import('vue').PropType<boolean>;
13
- default: boolean;
14
- };
15
- loading: {
16
- type: import('vue').PropType<boolean>;
17
- default: boolean;
18
- };
19
- ghost: {
20
- type: import('vue').PropType<boolean>;
21
- default: boolean;
22
- };
23
- round: {
24
- type: import('vue').PropType<boolean>;
25
- default: boolean;
26
- };
27
- circle: {
28
- type: import('vue').PropType<boolean>;
29
- default: boolean;
30
- };
31
- block: {
32
- type: import('vue').PropType<boolean>;
33
- default: boolean;
34
- };
35
- }>> & Readonly<{
36
- onClick?: ((evt: MouseEvent) => any) | undefined;
37
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
38
- click: (evt: MouseEvent) => void;
39
- }, import('vue').PublicProps, {
40
- type: "primary" | "success" | "warning" | "danger" | "info" | "default" | "dashed" | "link" | "text";
41
- size: "large" | "default" | "small";
42
- disabled: boolean;
43
- loading: boolean;
44
- ghost: boolean;
45
- round: boolean;
46
- circle: boolean;
47
- block: boolean;
48
- }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
49
- P: {};
50
- B: {};
51
- D: {};
52
- C: {};
53
- M: {};
54
- Defaults: {};
55
- }, Readonly<import('vue').ExtractPropTypes<{
56
- type: {
57
- type: import('vue').PropType<"primary" | "success" | "warning" | "danger" | "info" | "default" | "dashed" | "link" | "text">;
58
- default: string;
59
- };
60
- size: {
61
- type: import('vue').PropType<"default" | "large" | "small">;
62
- default: string;
63
- };
64
- disabled: {
65
- type: import('vue').PropType<boolean>;
66
- default: boolean;
67
- };
68
- loading: {
69
- type: import('vue').PropType<boolean>;
70
- default: boolean;
71
- };
72
- ghost: {
73
- type: import('vue').PropType<boolean>;
74
- default: boolean;
75
- };
76
- round: {
77
- type: import('vue').PropType<boolean>;
78
- default: boolean;
79
- };
80
- circle: {
81
- type: import('vue').PropType<boolean>;
82
- default: boolean;
83
- };
84
- block: {
85
- type: import('vue').PropType<boolean>;
86
- default: boolean;
87
- };
88
- }>> & Readonly<{
89
- onClick?: ((evt: MouseEvent) => any) | undefined;
90
- }>, {}, {}, {}, {}, {
91
- type: "primary" | "success" | "warning" | "danger" | "info" | "default" | "dashed" | "link" | "text";
92
- size: "large" | "default" | "small";
93
- disabled: boolean;
94
- loading: boolean;
95
- ghost: boolean;
96
- round: boolean;
97
- circle: boolean;
98
- block: boolean;
99
- }>;
100
- __isFragment?: never;
101
- __isTeleport?: never;
102
- __isSuspense?: never;
103
- } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
104
- type: {
105
- type: import('vue').PropType<"primary" | "success" | "warning" | "danger" | "info" | "default" | "dashed" | "link" | "text">;
106
- default: string;
107
- };
108
- size: {
109
- type: import('vue').PropType<"default" | "large" | "small">;
110
- default: string;
111
- };
112
- disabled: {
113
- type: import('vue').PropType<boolean>;
114
- default: boolean;
115
- };
116
- loading: {
117
- type: import('vue').PropType<boolean>;
118
- default: boolean;
119
- };
120
- ghost: {
121
- type: import('vue').PropType<boolean>;
122
- default: boolean;
123
- };
124
- round: {
125
- type: import('vue').PropType<boolean>;
126
- default: boolean;
127
- };
128
- circle: {
129
- type: import('vue').PropType<boolean>;
130
- default: boolean;
131
- };
132
- block: {
133
- type: import('vue').PropType<boolean>;
134
- default: boolean;
135
- };
136
- }>> & Readonly<{
137
- onClick?: ((evt: MouseEvent) => any) | undefined;
138
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
139
- click: (evt: MouseEvent) => void;
140
- }, string, {
141
- type: "primary" | "success" | "warning" | "danger" | "info" | "default" | "dashed" | "link" | "text";
142
- size: "large" | "default" | "small";
143
- disabled: boolean;
144
- loading: boolean;
145
- ghost: boolean;
146
- round: boolean;
147
- circle: boolean;
148
- block: boolean;
149
- }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
150
- $slots: {
151
- icon?(_: {}): any;
152
- default?(_: {}): any;
153
- };
154
- }) & {
155
- install: (app: import('vue').App) => void;
156
- };
157
- export default JButton;
@@ -1,78 +0,0 @@
1
- export interface ButtonProps {
2
- /** 按钮类型 */
3
- type?: 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'default' | 'dashed' | 'link' | 'text';
4
- /** 按钮尺寸 */
5
- size?: 'large' | 'default' | 'small';
6
- /** 是否禁用 */
7
- disabled?: boolean;
8
- /** 是否加载中 */
9
- loading?: boolean;
10
- /** 是否幽灵按钮 */
11
- ghost?: boolean;
12
- /** 是否圆角 */
13
- round?: boolean;
14
- /** 是否圆形 */
15
- circle?: boolean;
16
- /** 是否通栏 */
17
- block?: boolean;
18
- }
19
- declare function __VLS_template(): {
20
- icon?(_: {}): any;
21
- default?(_: {}): any;
22
- };
23
- declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ButtonProps>, {
24
- type: string;
25
- size: string;
26
- disabled: boolean;
27
- loading: boolean;
28
- ghost: boolean;
29
- round: boolean;
30
- circle: boolean;
31
- block: boolean;
32
- }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
33
- click: (evt: MouseEvent) => void;
34
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ButtonProps>, {
35
- type: string;
36
- size: string;
37
- disabled: boolean;
38
- loading: boolean;
39
- ghost: boolean;
40
- round: boolean;
41
- circle: boolean;
42
- block: boolean;
43
- }>>> & Readonly<{
44
- onClick?: ((evt: MouseEvent) => any) | undefined;
45
- }>, {
46
- type: "primary" | "success" | "warning" | "danger" | "info" | "default" | "dashed" | "link" | "text";
47
- size: "large" | "default" | "small";
48
- disabled: boolean;
49
- loading: boolean;
50
- ghost: boolean;
51
- round: boolean;
52
- circle: boolean;
53
- block: boolean;
54
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
55
- declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
56
- export default _default;
57
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
58
- type __VLS_TypePropsToRuntimeProps<T> = {
59
- [K in keyof T]-?: {} extends Pick<T, K> ? {
60
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
61
- } : {
62
- type: import('vue').PropType<T[K]>;
63
- required: true;
64
- };
65
- };
66
- type __VLS_WithDefaults<P, D> = {
67
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
68
- default: D[K];
69
- }> : P[K];
70
- };
71
- type __VLS_Prettify<T> = {
72
- [K in keyof T]: T[K];
73
- } & {};
74
- type __VLS_WithTemplateSlots<T, S> = T & {
75
- new (): {
76
- $slots: S;
77
- };
78
- };
@@ -1,137 +0,0 @@
1
- declare const JInput: {
2
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
3
- type: {
4
- type: import('vue').PropType<string>;
5
- default: string;
6
- };
7
- size: {
8
- type: import('vue').PropType<"default" | "large" | "small">;
9
- default: string;
10
- };
11
- disabled: {
12
- type: import('vue').PropType<boolean>;
13
- default: boolean;
14
- };
15
- modelValue: {
16
- type: import('vue').PropType<string | number>;
17
- default: string;
18
- };
19
- placeholder: {
20
- type: import('vue').PropType<string>;
21
- default: string;
22
- };
23
- readonly: {
24
- type: import('vue').PropType<boolean>;
25
- default: boolean;
26
- };
27
- }>> & Readonly<{
28
- onInput?: ((value: string) => any) | undefined;
29
- "onUpdate:modelValue"?: ((value: string) => any) | undefined;
30
- onFocus?: ((evt: FocusEvent) => any) | undefined;
31
- onBlur?: ((evt: FocusEvent) => any) | undefined;
32
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
33
- input: (value: string) => void;
34
- "update:modelValue": (value: string) => void;
35
- focus: (evt: FocusEvent) => void;
36
- blur: (evt: FocusEvent) => void;
37
- }, import('vue').PublicProps, {
38
- type: string;
39
- size: "large" | "default" | "small";
40
- disabled: boolean;
41
- modelValue: string | number;
42
- placeholder: string;
43
- readonly: boolean;
44
- }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
45
- P: {};
46
- B: {};
47
- D: {};
48
- C: {};
49
- M: {};
50
- Defaults: {};
51
- }, Readonly<import('vue').ExtractPropTypes<{
52
- type: {
53
- type: import('vue').PropType<string>;
54
- default: string;
55
- };
56
- size: {
57
- type: import('vue').PropType<"default" | "large" | "small">;
58
- default: string;
59
- };
60
- disabled: {
61
- type: import('vue').PropType<boolean>;
62
- default: boolean;
63
- };
64
- modelValue: {
65
- type: import('vue').PropType<string | number>;
66
- default: string;
67
- };
68
- placeholder: {
69
- type: import('vue').PropType<string>;
70
- default: string;
71
- };
72
- readonly: {
73
- type: import('vue').PropType<boolean>;
74
- default: boolean;
75
- };
76
- }>> & Readonly<{
77
- onInput?: ((value: string) => any) | undefined;
78
- "onUpdate:modelValue"?: ((value: string) => any) | undefined;
79
- onFocus?: ((evt: FocusEvent) => any) | undefined;
80
- onBlur?: ((evt: FocusEvent) => any) | undefined;
81
- }>, {}, {}, {}, {}, {
82
- type: string;
83
- size: "large" | "default" | "small";
84
- disabled: boolean;
85
- modelValue: string | number;
86
- placeholder: string;
87
- readonly: boolean;
88
- }>;
89
- __isFragment?: never;
90
- __isTeleport?: never;
91
- __isSuspense?: never;
92
- } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
93
- type: {
94
- type: import('vue').PropType<string>;
95
- default: string;
96
- };
97
- size: {
98
- type: import('vue').PropType<"default" | "large" | "small">;
99
- default: string;
100
- };
101
- disabled: {
102
- type: import('vue').PropType<boolean>;
103
- default: boolean;
104
- };
105
- modelValue: {
106
- type: import('vue').PropType<string | number>;
107
- default: string;
108
- };
109
- placeholder: {
110
- type: import('vue').PropType<string>;
111
- default: string;
112
- };
113
- readonly: {
114
- type: import('vue').PropType<boolean>;
115
- default: boolean;
116
- };
117
- }>> & Readonly<{
118
- onInput?: ((value: string) => any) | undefined;
119
- "onUpdate:modelValue"?: ((value: string) => any) | undefined;
120
- onFocus?: ((evt: FocusEvent) => any) | undefined;
121
- onBlur?: ((evt: FocusEvent) => any) | undefined;
122
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
123
- input: (value: string) => void;
124
- "update:modelValue": (value: string) => void;
125
- focus: (evt: FocusEvent) => void;
126
- blur: (evt: FocusEvent) => void;
127
- }, string, {
128
- type: string;
129
- size: "large" | "default" | "small";
130
- disabled: boolean;
131
- modelValue: string | number;
132
- placeholder: string;
133
- readonly: boolean;
134
- }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
135
- install: (app: import('vue').App) => void;
136
- };
137
- export default JInput;
@@ -1,64 +0,0 @@
1
- export interface InputProps {
2
- /** 绑定值 */
3
- modelValue?: string | number;
4
- /** 输入框类型 */
5
- type?: string;
6
- /** 输入框占位文本 */
7
- placeholder?: string;
8
- /** 是否禁用 */
9
- disabled?: boolean;
10
- /** 是否只读 */
11
- readonly?: boolean;
12
- /** 输入框尺寸 */
13
- size?: 'large' | 'default' | 'small';
14
- }
15
- declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<InputProps>, {
16
- type: string;
17
- placeholder: string;
18
- disabled: boolean;
19
- readonly: boolean;
20
- size: string;
21
- modelValue: string;
22
- }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
23
- input: (value: string) => void;
24
- "update:modelValue": (value: string) => void;
25
- focus: (evt: FocusEvent) => void;
26
- blur: (evt: FocusEvent) => void;
27
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<InputProps>, {
28
- type: string;
29
- placeholder: string;
30
- disabled: boolean;
31
- readonly: boolean;
32
- size: string;
33
- modelValue: string;
34
- }>>> & Readonly<{
35
- onInput?: ((value: string) => any) | undefined;
36
- "onUpdate:modelValue"?: ((value: string) => any) | undefined;
37
- onFocus?: ((evt: FocusEvent) => any) | undefined;
38
- onBlur?: ((evt: FocusEvent) => any) | undefined;
39
- }>, {
40
- type: string;
41
- size: "large" | "default" | "small";
42
- disabled: boolean;
43
- modelValue: string | number;
44
- placeholder: string;
45
- readonly: boolean;
46
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
47
- export default _default;
48
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
49
- type __VLS_TypePropsToRuntimeProps<T> = {
50
- [K in keyof T]-?: {} extends Pick<T, K> ? {
51
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
52
- } : {
53
- type: import('vue').PropType<T[K]>;
54
- required: true;
55
- };
56
- };
57
- type __VLS_WithDefaults<P, D> = {
58
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
59
- default: D[K];
60
- }> : P[K];
61
- };
62
- type __VLS_Prettify<T> = {
63
- [K in keyof T]: T[K];
64
- } & {};
package/dist/style.css DELETED
@@ -1 +0,0 @@
1
- :root{--j-color-primary: #409eff;--j-color-success: #67c23a;--j-color-warning: #e6a23c;--j-color-danger: #f56c6c;--j-color-info: #909399;--j-text-color-primary: #303133;--j-text-color-regular: #606266;--j-text-color-secondary: #909399;--j-text-color-placeholder: #c0c4cc;--j-border-color-base: #dcdfe6;--j-border-color-light: #e4e7ed;--j-border-color-lighter: #ebeef5;--j-border-color-extra-light: #f2f6fc;--j-bg-color: #ffffff;--j-bg-color-page: #f2f3f5;--j-bg-color-overlay: #ffffff;--j-border-radius-base: 4px;--j-border-radius-small: 2px;--j-border-radius-round: 20px;--j-border-radius-circle: 100%;--j-font-size-small: 13px;--j-font-size-extra-small: 12px;--j-box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);--j-box-shadow-light: 0 2px 12px 0 rgba(0, 0, 0, .1)}.j-button{display:inline-flex;align-items:center;justify-content:center;line-height:1;height:32px;white-space:nowrap;cursor:pointer;color:var(--j-text-color-regular);text-align:center;box-sizing:border-box;outline:none;transition:.2s cubic-bezier(.645,.045,.355,1);font-weight:500;-webkit-user-select:none;user-select:none;vertical-align:middle;padding:8px 15px;font-size:var(--j-font-size-base, 14px);border-radius:var(--j-border-radius-base);border:1px solid var(--j-border-color-base);background-color:var(--j-bg-color);gap:8px}.j-button:hover,.j-button:focus{color:var(--j-color-primary);border-color:var(--j-color-primary);background-color:#ecf5ff}.j-button:active{opacity:.8}.j-button--primary{color:#fff;background-color:var(--j-color-primary);border-color:var(--j-color-primary)}.j-button--primary:hover,.j-button--primary:focus{background-color:#66b1ff;border-color:#66b1ff;color:#fff}.j-button--success{color:#fff;background-color:var(--j-color-success);border-color:var(--j-color-success)}.j-button--success:hover,.j-button--success:focus{background-color:#85ce61;border-color:#85ce61;color:#fff}.j-button--warning{color:#fff;background-color:var(--j-color-warning);border-color:var(--j-color-warning)}.j-button--warning:hover,.j-button--warning:focus{background-color:#ebb563;border-color:#ebb563;color:#fff}.j-button--danger{color:#fff;background-color:var(--j-color-danger);border-color:var(--j-color-danger)}.j-button--danger:hover,.j-button--danger:focus{background-color:#f78989;border-color:#f78989;color:#fff}.j-button--info{color:#fff;background-color:var(--j-color-info);border-color:var(--j-color-info)}.j-button--info:hover,.j-button--info:focus{background-color:#a6a9ad;border-color:#a6a9ad;color:#fff}.j-button--dashed{border-style:dashed}.j-button--link{border-color:transparent;background-color:transparent;color:var(--j-color-primary);padding-left:0;padding-right:0}.j-button--link:hover,.j-button--link:focus{background-color:transparent;color:#66b1ff}.j-button--text{border-color:transparent;background-color:transparent;color:var(--j-text-color-regular)}.j-button--text:hover,.j-button--text:focus{background-color:var(--j-bg-color-page)}.j-button--large{height:40px;padding:12px 19px;font-size:16px}.j-button--small{height:24px;padding:5px 11px;font-size:12px}.j-button.is-disabled{cursor:not-allowed;background-image:none;background-color:var(--j-bg-color-page);border-color:var(--j-border-color-light);color:var(--j-text-color-placeholder)}.j-button.is-disabled:hover,.j-button.is-disabled:focus{background-color:var(--j-bg-color-page);border-color:var(--j-border-color-light);color:var(--j-text-color-placeholder)}.j-button.is-loading{position:relative;pointer-events:none}.j-button.is-loading:before{pointer-events:none;content:"";position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:#ffffff59}.j-button.is-ghost{background-color:transparent;color:#fff}.j-button.is-ghost.j-button--default{color:var(--j-text-color-regular)}.j-button.is-ghost.j-button--default:hover,.j-button.is-ghost.j-button--primary{color:var(--j-color-primary)}.j-button.is-ghost.j-button--primary:hover{background-color:#409eff1a}.j-button.is-round{border-radius:var(--j-border-radius-round)}.j-button.is-circle{border-radius:var(--j-border-radius-circle);padding:8px;width:32px;min-width:32px}.j-button.is-circle.j-button--large{width:40px;min-width:40px}.j-button.is-circle.j-button--small{width:24px;min-width:24px}.j-button.is-block{display:flex;width:100%}.j-button__loading-icon{width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:j-rotate 1s linear infinite;margin-right:8px}.j-button__content{display:inline-flex;align-items:center}@keyframes j-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.j-input{position:relative;font-size:var(--j-font-size-base);display:inline-flex;width:100%;line-height:32px}.j-input__inner{width:100%;flex-grow:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--j-text-color-regular);font-size:inherit;height:32px;line-height:32px;padding:0 11px;outline:none;border:1px solid var(--j-border-color-base);border-radius:var(--j-border-radius-base);transition:border-color .2s cubic-bezier(.645,.045,.355,1);background-color:var(--j-bg-color)}.j-input__inner::placeholder{color:var(--j-text-color-placeholder)}.j-input__inner:hover{border-color:var(--j-border-color-light)}.j-input__inner:focus{border-color:var(--j-color-primary)}.j-input--large{font-size:var(--j-font-size-medium);line-height:40px}.j-input--large .j-input__inner{height:40px;line-height:40px}.j-input--small{font-size:12px;line-height:24px}.j-input--small .j-input__inner{height:24px;line-height:24px}.j-input.is-disabled .j-input__inner{background-color:var(--j-bg-color-page);border-color:var(--j-border-color-light);color:var(--j-text-color-placeholder);cursor:not-allowed}.j-input.is-focused .j-input__inner{border-color:var(--j-color-primary)}*{box-sizing:border-box;margin:0;padding:0}