@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.
- package/README.md +1 -0
- package/dist/components/autocomplete/index.d.ts +118 -0
- package/dist/components/autocomplete/src/autocomplete.vue.d.ts +109 -0
- package/dist/components/barcode/index.d.ts +114 -0
- package/dist/components/barcode/src/barcode.vue.d.ts +101 -0
- package/dist/components/button/index.d.ts +278 -0
- package/dist/components/button/src/button.vue.d.ts +268 -0
- package/dist/components/buttons/index.d.ts +81 -0
- package/dist/components/buttons/src/index.vue.d.ts +76 -0
- package/dist/components/buttons/src/interface.d.ts +128 -0
- package/dist/components/buttons/src/useButtons.d.ts +4 -0
- package/dist/components/cascader-select/index.d.ts +142 -0
- package/dist/components/cascader-select/src/cascader-select.vue.d.ts +128 -0
- package/dist/components/checkbox/index.d.ts +73 -0
- package/dist/components/checkbox/src/checkbox.vue.d.ts +55 -0
- package/dist/components/code-mirror/index.d.ts +74 -0
- package/dist/components/code-mirror/src/code-mirror.vue.d.ts +45 -0
- package/dist/components/comp/index.d.ts +157 -0
- package/dist/components/comp/src/comp.vue.d.ts +164 -0
- package/dist/components/dialog/index.d.ts +416 -0
- package/dist/components/dialog/src/index.vue.d.ts +404 -0
- package/dist/components/dialog-full/index.d.ts +311 -0
- package/dist/components/dialog-full/src/index.vue.d.ts +287 -0
- package/dist/components/drawer/index.d.ts +335 -0
- package/dist/components/drawer/src/drawer.vue.d.ts +337 -0
- package/dist/components/dynamic-layer/index.d.ts +25 -0
- package/dist/components/dynamic-layer/src/dynamic-layer.vue.d.ts +8 -0
- package/dist/components/dynamic-layer/src/interface.d.ts +66 -0
- package/dist/components/echarts/index.d.ts +177 -0
- package/dist/components/echarts/src/echarts.vue.d.ts +118 -0
- package/dist/components/form/index.d.ts +194 -0
- package/dist/components/form/src/form.vue.d.ts +106 -0
- package/dist/components/form/src/interface.d.ts +138 -0
- package/dist/components/form/src/useForm/index.d.ts +9 -0
- package/dist/components/form/src/useForm/interface.d.ts +170 -0
- package/dist/components/form/src/useForm/validateUtil.d.ts +5 -0
- package/dist/components/form-item/index.d.ts +112 -0
- package/dist/components/form-item/src/form-item.vue.d.ts +97 -0
- package/dist/components/icon/index.d.ts +31 -0
- package/dist/components/icon/src/icon.vue.d.ts +33 -0
- package/dist/components/index.d.ts +35 -0
- package/dist/components/input/index.d.ts +111 -0
- package/dist/components/input/src/input.vue.d.ts +110 -0
- package/dist/components/input-tag/index.d.ts +75 -0
- package/dist/components/input-tag/src/input-tag.vue.d.ts +40 -0
- package/dist/components/layer/index.d.ts +284 -0
- package/dist/components/layer/src/layer.vue.d.ts +263 -0
- package/dist/components/layout/__tests__/layout.test.d.ts +1 -0
- package/dist/components/layout/index.d.ts +173 -0
- package/dist/components/layout/src/layout.vue.d.ts +187 -0
- package/dist/components/number/index.d.ts +85 -0
- package/dist/components/number/src/number.vue.d.ts +78 -0
- package/dist/components/page/index.d.ts +67 -0
- package/dist/components/page/src/interface.d.ts +22 -0
- package/dist/components/page/src/page.vue.d.ts +52 -0
- package/dist/components/radio/index.d.ts +152 -0
- package/dist/components/radio/src/radio.vue.d.ts +123 -0
- package/dist/components/rate/index.d.ts +71 -0
- package/dist/components/rate/src/rate.vue.d.ts +42 -0
- package/dist/components/select/index.d.ts +88 -0
- package/dist/components/select/src/select.vue.d.ts +75 -0
- package/dist/components/slider/index.d.ts +89 -0
- package/dist/components/slider/src/slider.vue.d.ts +76 -0
- package/dist/components/table/index.d.ts +160 -0
- package/dist/components/table/src/table.vue.d.ts +143 -0
- package/dist/components/upload/index.d.ts +405 -0
- package/dist/components/upload/src/list.vue.d.ts +103 -0
- package/dist/components/upload/src/upload.vue.d.ts +367 -0
- package/dist/components/upload/src/utils.d.ts +2 -0
- package/dist/{utils → components/utils}/index.d.ts +0 -1
- package/dist/core/index.d.ts +1 -0
- package/dist/core/utils/cipher.d.ts +21 -0
- package/dist/core/utils/common.d.ts +41 -0
- package/dist/core/utils/comp.d.ts +9 -0
- package/dist/core/utils/date.d.ts +3 -0
- package/dist/core/utils/dom.d.ts +4 -0
- package/dist/core/utils/index.d.ts +6 -0
- package/dist/core/utils/is.d.ts +2 -0
- package/dist/index.d.ts +6 -9
- package/dist/simcode-ui.es.js +5021 -81
- package/dist/simcode-ui.umd.js +1 -1
- package/dist/stats.html +4949 -0
- package/dist/ui.css +1 -0
- package/package.json +36 -22
- package/dist/button/index.d.ts +0 -157
- package/dist/button/src/button.vue.d.ts +0 -78
- package/dist/input/index.d.ts +0 -137
- package/dist/input/src/input.vue.d.ts +0 -64
- 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.
|
|
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 . --
|
|
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": "^
|
|
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/
|
|
46
|
-
"@
|
|
47
|
-
"@
|
|
48
|
-
"@
|
|
49
|
-
"@
|
|
50
|
-
"@
|
|
51
|
-
"
|
|
52
|
-
"
|
|
53
|
-
"
|
|
54
|
-
"
|
|
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.
|
|
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.
|
|
60
|
-
"vite": "^
|
|
61
|
-
"vite-plugin-dts": "^
|
|
62
|
-
"vitepress": "^1.
|
|
63
|
-
"vitest": "^1.1
|
|
64
|
-
"vue": "^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
|
},
|
package/dist/button/index.d.ts
DELETED
|
@@ -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
|
-
};
|
package/dist/input/index.d.ts
DELETED
|
@@ -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}
|