@toife/vue 3.7.2 → 3.7.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/index.d.ts +1 -0
- package/dist/components/tag-field/index.d.ts +1 -0
- package/dist/components/tag-field/tag-field.vue.d.ts +33 -0
- package/dist/core/features/index.d.ts +1 -0
- package/dist/core/features/scrollbar/scrollbar.logic.d.ts +13 -2
- package/dist/core/features/tag-field/index.d.ts +3 -0
- package/dist/core/features/tag-field/tag-field.constants.d.ts +20 -0
- package/dist/core/features/tag-field/tag-field.logic.d.ts +46 -0
- package/dist/core/features/tag-field/tag-field.type.d.ts +52 -0
- package/dist/index.es.js +2304 -2098
- package/dist/index.umd.js +2 -1
- package/dist/styles/index.css +1 -0
- package/dist/styles/scrollbar.css +1 -1
- package/dist/styles/tag-field.css +1 -0
- package/package.json +1 -1
package/dist/styles/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.t-scrollbar[data-v-
|
|
1
|
+
.t-scrollbar[data-v-abec5bea]{position:relative;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.t-scrollbar .t-scrollbar-content[data-v-abec5bea]{width:100%;height:100%;overflow:hidden;scrollbar-width:none;-ms-overflow-style:none}.t-scrollbar .t-scrollbar-content.scroll-x[data-v-abec5bea]{overflow-x:auto}.t-scrollbar .t-scrollbar-content.scroll-y[data-v-abec5bea]{overflow-y:auto}.t-scrollbar .t-scrollbar-content[data-v-abec5bea]::-webkit-scrollbar{width:0;height:0;display:none}.t-scrollbar .t-scrollbar-track[data-v-abec5bea]{position:absolute;touch-action:none;opacity:0;transition:opacity var(--t-transition-duration, .1s) linear}.t-scrollbar .t-scrollbar-track.vertical[data-v-abec5bea]{top:0;right:0;bottom:var(--t-scrollbar-inset, 0px);width:var(--t-scrollbar-size, 10px)}.t-scrollbar .t-scrollbar-track.vertical .t-scrollbar-thumb[data-v-abec5bea]{width:var(--t-scrollbar-thumb-size, 6px);height:var(--t-scrollbar-thumb-length, 0px);margin-left:var(--t-scrollbar-thumb-inset, 2px);transform:translate3d(0,var(--t-scrollbar-thumb-offset, 0px),0)}.t-scrollbar .t-scrollbar-track.horizontal[data-v-abec5bea]{left:0;right:var(--t-scrollbar-inset, 0px);bottom:0;height:var(--t-scrollbar-size, 10px)}.t-scrollbar .t-scrollbar-track.horizontal .t-scrollbar-thumb[data-v-abec5bea]{width:var(--t-scrollbar-thumb-length, 0px);height:var(--t-scrollbar-thumb-size, 6px);margin-top:var(--t-scrollbar-thumb-inset, 2px);transform:translate3d(var(--t-scrollbar-thumb-offset, 0px),0,0)}.t-scrollbar .t-scrollbar-thumb[data-v-abec5bea]{position:absolute;top:0;left:0;border-radius:var(--t-scrollbar-thumb-radius, 3px);background-color:rgba(var(--t-scrollbar-thumb-color, var(--t-color), .1));transition:background-color var(--t-transition-duration, .1s) linear}.t-scrollbar .t-scrollbar-thumb[data-v-abec5bea]:hover{background-color:rgba(var(--t-scrollbar-thumb-color-hover, var(--t-color), .15))}.t-scrollbar.visible .t-scrollbar-track[data-v-abec5bea]{opacity:1}.t-scrollbar.dragging .t-scrollbar-thumb[data-v-abec5bea]{background-color:rgba(var(--t-scrollbar-thumb-color-active, var(--t-color), .2))}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.t-tag-field[data-v-2c8b5b08]{width:100%}.t-tag-field .t-tag-field-content[data-v-2c8b5b08]{display:flex;flex-wrap:wrap;align-items:center;align-content:flex-start;gap:calc(var(--t-spacing-y) * var(--t-coefficient-y) * .5) calc(var(--t-spacing-x) * var(--t-coefficient-x) * .5);box-sizing:border-box;min-height:var(--t-control-block-size);padding:calc(var(--t-spacing-y) * var(--t-coefficient-y) * .5) calc(var(--t-spacing-x) * var(--t-coefficient-x) * .5);position:relative;cursor:text;color:rgba(var(--t-color));border-style:solid;border-width:var(--t-border-width);border-radius:var(--t-border-radius);border-color:rgba(var(--t-border-color));background-color:rgba(var(--t-background-color));box-shadow:var(--t-box-shadow);-webkit-backdrop-filter:var(--t-backdrop-filter);backdrop-filter:var(--t-backdrop-filter);transition:box-shadow var(--t-transition-duration) ease,backdrop-filter var(--t-transition-duration) ease,border-color var(--t-transition-duration) ease,background-color var(--t-transition-duration) ease,color var(--t-transition-duration) ease,border-radius var(--t-transition-duration) ease}.t-tag-field .t-tag-field-content[data-v-2c8b5b08]:hover{border-color:rgba(var(--t-border-color-hover, var(--t-border-color)));background-color:rgba(var(--t-background-color-hover, var(--t-background-color)));box-shadow:var(--t-box-shadow-hover, var(--t-box-shadow));-webkit-backdrop-filter:var(--t-backdrop-filter-hover, var(--t-backdrop-filter));backdrop-filter:var(--t-backdrop-filter-hover, var(--t-backdrop-filter))}.t-tag-field.focus .t-tag-field-content[data-v-2c8b5b08]{border-color:rgba(var(--t-border-color-focus, var(--t-border-color)));background-color:rgba(var(--t-background-color-focus, var(--t-background-color)));box-shadow:var(--t-box-shadow-focus, var(--t-box-shadow));-webkit-backdrop-filter:var(--t-backdrop-filter-focus, var(--t-backdrop-filter));backdrop-filter:var(--t-backdrop-filter-focus, var(--t-backdrop-filter))}.t-tag-field .t-tag-field-chip[data-v-2c8b5b08]{display:inline-flex;align-items:center;gap:calc(var(--t-spacing-x) * var(--t-coefficient-x) * .35);box-sizing:border-box;max-width:100%;padding:calc(var(--t-spacing-y) * var(--t-coefficient-y) * .35) calc(var(--t-spacing-x) * var(--t-coefficient-x) * .6);font-size:calc(var(--t-font-size) * .85);line-height:var(--t-line-height);color:rgba(var(--t-chip-color));background-color:rgba(var(--t-chip-background-color));border-style:solid;border-width:var(--t-border-width);border-color:rgba(var(--t-chip-border-color));border-radius:var(--t-border-radius)}.t-tag-field .t-tag-field-text[data-v-2c8b5b08]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t-tag-field .t-tag-field-remove[data-v-2c8b5b08]{all:unset;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;line-height:1;color:rgba(var(--t-chip-color));transition:color var(--t-transition-duration) ease}.t-tag-field .t-tag-field-remove[data-v-2c8b5b08]:hover{color:rgba(var(--t-chip-color-hover, var(--t-chip-color)))}.t-tag-field .t-tag-field-remove[data-v-2c8b5b08]:active{color:rgba(var(--t-chip-color-active, var(--t-chip-color-hover, var(--t-chip-color))))}.t-tag-field .t-tag-field-input[data-v-2c8b5b08]{flex:1 1 6rem;min-width:6rem;box-sizing:border-box;margin:0;padding:calc(var(--t-spacing-y) * var(--t-coefficient-y) * .25) calc(var(--t-spacing-x) * var(--t-coefficient-x) * .25);border:none;background-color:transparent;color:rgba(var(--t-color));caret-color:rgba(var(--t-color));text-align:var(--t-text-align);font-size:var(--t-font-size);line-height:var(--t-line-height);-webkit-user-select:text;user-select:text}.t-tag-field .t-tag-field-input[data-v-2c8b5b08]:focus,.t-tag-field .t-tag-field-input[data-v-2c8b5b08]:active,.t-tag-field .t-tag-field-input[data-v-2c8b5b08]:hover{outline:none;border:none}.t-tag-field .t-tag-field-input[data-v-2c8b5b08]::placeholder{color:rgba(var(--t-placeholder-color))}.t-tag-field .t-tag-field-message[data-v-2c8b5b08]{margin-top:calc(var(--t-spacing-y) * var(--t-coefficient-y) * .25);color:rgba(var(--t-help-color, var(--t-color)));font-size:.9em;line-height:1.5;text-align:var(--t-text-align)}.t-tag-field .t-tag-field-suggestions[data-v-2c8b5b08]{display:flex;flex-wrap:wrap;align-items:center;gap:calc(var(--t-spacing-y) * var(--t-coefficient-y) * .5) calc(var(--t-spacing-x) * var(--t-coefficient-x) * .5);margin-top:calc(var(--t-spacing-y) * var(--t-coefficient-y) * .5)}.t-tag-field .t-tag-field-suggestion[data-v-2c8b5b08]{all:unset;box-sizing:border-box;cursor:pointer;padding:calc(var(--t-spacing-y) * var(--t-coefficient-y) * .35) calc(var(--t-spacing-x) * var(--t-coefficient-x) * .6);font-size:calc(var(--t-font-size) * .85);line-height:var(--t-line-height);color:rgba(var(--t-suggestion-color));border-style:solid;border-width:var(--t-border-width);border-color:rgba(var(--t-suggestion-border-color));border-radius:var(--t-border-radius)}.t-tag-field .t-tag-field-suggestion[data-v-2c8b5b08]:focus-visible{outline:2px solid rgba(var(--t-suggestion-border-color));outline-offset:1px}.t-tag-field.full .t-tag-field-input[data-v-2c8b5b08]{display:none}.t-tag-field.readonly .t-tag-field-content[data-v-2c8b5b08],.t-tag-field.disabled .t-tag-field-content[data-v-2c8b5b08]{cursor:default}.t-tag-field.readonly .t-tag-field-remove[data-v-2c8b5b08],.t-tag-field.readonly .t-tag-field-suggestions[data-v-2c8b5b08],.t-tag-field.disabled .t-tag-field-remove[data-v-2c8b5b08],.t-tag-field.disabled .t-tag-field-suggestions[data-v-2c8b5b08]{display:none}.t-tag-field.disabled[data-v-2c8b5b08]{opacity:.5;cursor:not-allowed}.t-tag-field.disabled .t-tag-field-input[data-v-2c8b5b08]{cursor:not-allowed;-webkit-user-select:none;user-select:none}.t-tag-field.disabled .t-tag-field-content[data-v-2c8b5b08]{border-color:rgba(var(--t-border-color-disabled, var(--t-border-color)));background-color:rgba(var(--t-background-color-disabled, var(--t-background-color)));box-shadow:var(--t-box-shadow-disabled, var(--t-box-shadow));-webkit-backdrop-filter:var(--t-backdrop-filter-disabled, var(--t-backdrop-filter));backdrop-filter:var(--t-backdrop-filter-disabled, var(--t-backdrop-filter))}
|