@toife/vue 3.7.1 → 3.7.3
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/select/select.vue.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/select/select.constants.d.ts +1 -0
- package/dist/core/features/select/select.type.d.ts +2 -0
- 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 +2277 -2067
- package/dist/index.umd.js +2 -1
- package/dist/styles/index.css +1 -0
- package/dist/styles/select.css +1 -1
- package/dist/styles/tag-field.css +1 -0
- package/package.json +1 -1
package/dist/styles/index.css
CHANGED
package/dist/styles/select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.t-select.disabled[data-v-
|
|
1
|
+
.t-select.disabled[data-v-32b733a0]{cursor:not-allowed}.t-select[data-v-32b733a0] .t-dropdown .t-dropdown-panel{margin:0!important}.t-select[data-v-32b733a0] .t-dropdown.open.top-start .t-dropdown-panel,.t-select[data-v-32b733a0] .t-dropdown.open.top-end .t-dropdown-panel{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom:none}.t-select[data-v-32b733a0] .t-dropdown.open.top-start .t-field-content,.t-select[data-v-32b733a0] .t-dropdown.open.top-end .t-field-content{border-top-left-radius:0!important;border-top-right-radius:0!important}.t-select[data-v-32b733a0] .t-dropdown.open.bottom-start .t-dropdown-panel,.t-select[data-v-32b733a0] .t-dropdown.open.bottom-end .t-dropdown-panel{border-top-left-radius:0;border-top-right-radius:0;border-top:none}.t-select[data-v-32b733a0] .t-dropdown.open.bottom-start .t-field-content,.t-select[data-v-32b733a0] .t-dropdown.open.bottom-end .t-field-content{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.t-select .t-select-icon[data-v-32b733a0]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-inline-end:calc(var(--t-spacing-x) * var(--t-coefficient-x) * .5);color:inherit;pointer-events:none;width:.6rem;height:.6rem;border-radius:.1rem;border-right:2px solid rgba(var(--t-app-color));border-bottom:2px solid rgba(var(--t-app-color));margin:calc(var(--t-spacing-y) * var(--t-coefficient-y)) calc(var(--t-spacing-x) * var(--t-coefficient-x));transition:transform var(--t-transition-duration) ease;transform-origin:center}.t-select .t-select-icon.open[data-v-32b733a0]{transform:rotate(225deg)}.t-select .t-select-icon[data-v-32b733a0]:not(.open){transform:rotate(45deg)}.t-select .t-select-option[data-v-32b733a0]{display:block;width:100%;padding:calc(var(--t-spacing-y)) calc(var(--t-spacing-x) * var(--t-coefficient-x));text-align:var(--t-text-align);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;background-color:transparent;cursor:pointer;color:rgba(var(--t-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-select .t-select-option[data-v-32b733a0]:not(:disabled):not(.disabled):not(.readonly):hover,.t-select .t-select-option:not(:disabled):not(.disabled):not(.readonly).hover[data-v-32b733a0]{background-color:rgba(var(--t-background-color-hover));box-shadow:var(--t-box-shadow-hover);-webkit-backdrop-filter:var(--t-backdrop-filter-hover);backdrop-filter:var(--t-backdrop-filter-hover)}.t-select .t-select-option[data-v-32b733a0]:not(:disabled):not(.disabled):not(.readonly):focus,.t-select .t-select-option:not(:disabled):not(.disabled):not(.readonly).focus[data-v-32b733a0]{background-color:rgba(var(--t-background-color-focus));box-shadow:var(--t-box-shadow-focus);-webkit-backdrop-filter:var(--t-backdrop-filter-focus);backdrop-filter:var(--t-backdrop-filter-focus)}.t-select .t-select-option[data-v-32b733a0]:not(:disabled):not(.disabled):not(.readonly):active,.t-select .t-select-option:not(:disabled):not(.disabled):not(.readonly).active[data-v-32b733a0]{background-color:rgba(var(--t-background-color-active));box-shadow:var(--t-box-shadow-active);-webkit-backdrop-filter:var(--t-backdrop-filter-active);backdrop-filter:var(--t-backdrop-filter-active)}.t-select .t-select-option[data-v-32b733a0]:disabled,.t-select .t-select-option.disabled[data-v-32b733a0]{cursor:not-allowed;color:rgba(var(--t-color-disabled));box-shadow:var(--t-box-shadow-disabled);-webkit-backdrop-filter:var(--t-backdrop-filter-disabled);backdrop-filter:var(--t-backdrop-filter-disabled)}.t-select .t-select-message[data-v-32b733a0]{color:rgba(var(--t-message-color));font-size:.9em;line-height:1.5;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}
|
|
@@ -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))}
|