@opentiny/vue-search-box 0.0.1

package/es/index-DCPOFFNd.css

@@ -0,0 +1,337 @@
+.tvp-search-box__dropdown-menu,
+.tvp-search-box__popover {
+  --tvp-SearchBox-bg-color: var(--tv-color-bg-secondary, #ffffff);
+  --tvp-SearchBox-border-color: var(--tv-color-bg-control-unactive, #c2c2c2);
+  --tvp-SearchBox-focus-border-color: var(--tv-color-bg-active-primary, #191919);
+  --tvp-SearchBox-border-radius: var(--tv-border-radius-md, 6px);
+  --tvp-SearchBox-tag-hover-text-color: var(--tv-color-icon-hover, #191919);
+  --tvp-SearchBox-tag-hover-fill-color: var(--tvp-SearchBox-tag-hover-text-color);
+  --tvp-SearchBox-dropdown-header-text-color: var(--tv-color-text-weaken, #808080);
+  --tvp-SearchBox-search-filter-text-color: var(--tv-color-info-text-primary, #191919);
+  --tvp-SearchBox-close-icon-margin-right: var(--tv-space-sm, 4px);
+  --tvp-SearchBox-separator-icon-margin-right: var(--tv-space-sm, 4px);
+  --tvp-SearchBox-right-icon-color: var(--tv-color-icon, #808080);
+  --tvp-SearchBox-right-icon-color-hover: var(--tv-color-icon-hover, #191919);
+  --tvp-SearchBox-left-icon-font-size: var(--tv-font-size-heading-xs, 16px);
+  --tvp-SearchBox-min-height: var(--tv-size-height-md, 32px);
+  --tvp-SearchBox-padding-left: var(--tv-size-height-md, 32px);
+  --tvp-SearchBox-dropdown-keyword-text-color: var(--tv-color-act-info-text-active, #1476ff);
+  --tvp-SearchBox-dropdown-btn-group-border-color: var(--tv-color-bg-header, #f0f0f0);
+  --tvp-SearchBox-dropdown-btn-group-margin-top: var(--tv-space-md, 8px);
+  --tvp-SearchBox-dropdown-btn-group-padding-top: var(--tv-space-xl, 16px);
+  --tvp-SearchBox-dropdown-btn-group-padding-bottom: var(--tv-space-md, 8px);
+  --tvp-SearchBox-dropdown-num-title-text-color: var(--tv-color-text-weaken, #808080);
+  --tvp-SearchBox-tag-margin-right: var(--tv-space-sm, 4px);
+  --tvp-SearchBox-place-padding-right: var(--tv-space-sm, 4px);
+  --tvp-SearchBox-tag-bottom-border-color: var(--tv-color-act-primary-text-active, #191919);
+  --tvp-SearchBox-tag-font-size: var(--tv-font-size-md, 14px);
+  --tvp-SearchBox-dropdown-desc-font-size: var(--tv-font-size-md, 14px);
+  --tvp-SearchBox-dropdown-desc-text-color: var(--tv-color-info-text-primary, #191919);
+  width: 232px;
+  overflow: auto;
+}
+.tvp-search-box__dropdown-menu .tiny-form-item.is-error .tvp-search-box-select .tiny-select__tags-group,
+.tvp-search-box__popover .tiny-form-item.is-error .tvp-search-box-select .tiny-select__tags-group {
+  border-color: #f23030;
+}
+.tvp-search-box__dropdown-menu .tvp-search-box-select .tiny-select .tiny-svg,
+.tvp-search-box__popover .tvp-search-box-select .tiny-select .tiny-svg {
+  z-index: 1000;
+}
+.tvp-search-box__dropdown-menu .tvp-search-box-select .tiny-select__tags-group,
+.tvp-search-box__popover .tvp-search-box-select .tiny-select__tags-group {
+  min-height: 32px;
+  max-height: 82px;
+  padding: 2px;
+  width: 100%;
+  border: 1px solid #c2c2c2;
+  border-radius: 6px;
+}
+.tvp-search-box__dropdown-menu .tvp-search-box-select .tiny-select__tags.is-show-tag,
+.tvp-search-box__popover .tvp-search-box-select .tiny-select__tags.is-show-tag {
+  max-width: 276px !important;
+  width: calc(100% - 8px) !important;
+  min-height: 30px;
+  padding-right: 20px;
+  max-height: 76px;
+  overflow: auto;
+}
+.tvp-search-box__dropdown-menu .tvp-search-box-select .tiny-input__suffix,
+.tvp-search-box__popover .tvp-search-box-select .tiny-input__suffix {
+  z-index: 1000;
+}
+.tvp-search-box__dropdown-menu .tvp-search-box-select .tiny-input__inner,
+.tvp-search-box__popover .tvp-search-box-select .tiny-input__inner {
+  border: 0px;
+  overflow: hidden;
+}
+.tvp-search-box__dropdown-menu input[type='number'],
+.tvp-search-box__popover input[type='number'] {
+  -moz-appearance: textfield;
+  /* Firefox */
+  appearance: textfield;
+}
+.tvp-search-box__dropdown-menu input[type='number']::-webkit-inner-spin-button,
+.tvp-search-box__popover input[type='number']::-webkit-inner-spin-button,
+.tvp-search-box__dropdown-menu input[type='number']::-webkit-outer-spin-button,
+.tvp-search-box__popover input[type='number']::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  /* Safari */
+  margin: 0;
+}
+.tvp-search-box__popover.tiny-popover[x-placement^='bottom'] {
+  margin-top: 0;
+}
+.tvp-search-box {
+  --tvp-SearchBox-bg-color: var(--tv-color-bg-secondary, #ffffff);
+  --tvp-SearchBox-border-color: var(--tv-color-bg-control-unactive, #c2c2c2);
+  --tvp-SearchBox-focus-border-color: var(--tv-color-bg-active-primary, #191919);
+  --tvp-SearchBox-border-radius: var(--tv-border-radius-md, 6px);
+  --tvp-SearchBox-tag-hover-text-color: var(--tv-color-icon-hover, #191919);
+  --tvp-SearchBox-tag-hover-fill-color: var(--tvp-SearchBox-tag-hover-text-color);
+  --tvp-SearchBox-dropdown-header-text-color: var(--tv-color-text-weaken, #808080);
+  --tvp-SearchBox-search-filter-text-color: var(--tv-color-info-text-primary, #191919);
+  --tvp-SearchBox-close-icon-margin-right: var(--tv-space-sm, 4px);
+  --tvp-SearchBox-separator-icon-margin-right: var(--tv-space-sm, 4px);
+  --tvp-SearchBox-right-icon-color: var(--tv-color-icon, #808080);
+  --tvp-SearchBox-right-icon-color-hover: var(--tv-color-icon-hover, #191919);
+  --tvp-SearchBox-left-icon-font-size: var(--tv-font-size-heading-xs, 16px);
+  --tvp-SearchBox-min-height: var(--tv-size-height-md, 32px);
+  --tvp-SearchBox-padding-left: var(--tv-size-height-md, 32px);
+  --tvp-SearchBox-dropdown-keyword-text-color: var(--tv-color-act-info-text-active, #1476ff);
+  --tvp-SearchBox-dropdown-btn-group-border-color: var(--tv-color-bg-header, #f0f0f0);
+  --tvp-SearchBox-dropdown-btn-group-margin-top: var(--tv-space-md, 8px);
+  --tvp-SearchBox-dropdown-btn-group-padding-top: var(--tv-space-xl, 16px);
+  --tvp-SearchBox-dropdown-btn-group-padding-bottom: var(--tv-space-md, 8px);
+  --tvp-SearchBox-dropdown-num-title-text-color: var(--tv-color-text-weaken, #808080);
+  --tvp-SearchBox-tag-margin-right: var(--tv-space-sm, 4px);
+  --tvp-SearchBox-place-padding-right: var(--tv-space-sm, 4px);
+  --tvp-SearchBox-tag-bottom-border-color: var(--tv-color-act-primary-text-active, #191919);
+  --tvp-SearchBox-tag-font-size: var(--tv-font-size-md, 14px);
+  --tvp-SearchBox-dropdown-desc-font-size: var(--tv-font-size-md, 14px);
+  --tvp-SearchBox-dropdown-desc-text-color: var(--tv-color-info-text-primary, #191919);
+  display: flex;
+  position: relative;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-start;
+  border: 1px solid var(--tvp-SearchBox-border-color);
+  border-radius: var(--tvp-SearchBox-border-radius);
+  min-height: var(--tvp-SearchBox-min-height);
+  padding-left: var(--tvp-SearchBox-padding-left);
+  background-color: var(--tvp-SearchBox-bg-color);
+}
+.tvp-search-box__form {
+  width: auto;
+  flex: 1;
+  min-width: 200px;
+}
+.tvp-search-box__form-popover {
+  position: absolute;
+}
+.tvp-search-box:focus-within {
+  border-color: var(--tvp-SearchBox-focus-border-color);
+}
+.tvp-search-box > .tvp-search-box__prefix {
+  position: absolute;
+  top: calc((var(--tvp-SearchBox-min-height) - var(--tvp-SearchBox-left-icon-font-size)) / 2 - 1px);
+  left: 12px;
+  display: inline;
+  font-size: var(--tvp-SearchBox-left-icon-font-size);
+  fill: #808080;
+}
+.tvp-search-box__text-highlight {
+  color: var(--tvp-SearchBox-dropdown-keyword-text-color);
+}
+.tvp-search-box__placeholder {
+  padding-right: var(--tvp-SearchBox-place-padding-right);
+}
+.tvp-search-box__tag {
+  margin: 1px var(--tvp-SearchBox-tag-margin-right) 1px 0;
+  max-width: 100%;
+}
+.tvp-search-box__tag > .tvp-search-box__tag-value {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.tvp-search-box__tag:hover {
+  cursor: pointer;
+  color: var(--tvp-SearchBox-tag-hover-text-color);
+  fill: var(--tvp-SearchBox-tag-hover-fill-color);
+}
+.tvp-search-box__tag-editor span {
+  border-bottom: 1px dashed var(--tvp-SearchBox-tag-bottom-border-color);
+  line-height: 1;
+}
+.tvp-search-box__input .tiny-input-display-only {
+  width: calc(100% - var(--tv-Input-suffix-right) - 63px);
+}
+.tvp-search-box__input .tiny-svg {
+  margin-left: 0;
+}
+.tvp-search-box__input-close {
+  margin-right: var(--tvp-SearchBox-close-icon-margin-right);
+}
+.tvp-search-box__input-separator {
+  display: inline-block;
+  margin-right: var(--tvp-SearchBox-separator-icon-margin-right);
+  height: 14px;
+  width: 1px;
+  background-color: #dfe1e6;
+}
+.tvp-search-box__input-help {
+  margin-right: 0px;
+}
+.tvp-search-box__input .tvp-search-box__input-search {
+  display: none;
+  margin-right: 2px;
+}
+.tvp-search-box__input-wrapper {
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+.tvp-search-box .tvp-search-box__dropdown:not(.is-disabled) .tvp-search-box__input:not(.is-disabled) .tiny-input__suffix .tiny-svg {
+  font-size: 16px;
+  margin-top: 0;
+  fill: var(--tvp-SearchBox-right-icon-color);
+}
+.tvp-search-box .tvp-search-box__dropdown:not(.is-disabled) .tvp-search-box__input:not(.is-disabled) .tiny-input__suffix .tiny-svg:hover {
+  fill: var(--tvp-SearchBox-right-icon-color-hover);
+}
+.tvp-search-box .tvp-search-box__dropdown:not(.is-disabled) .tvp-search-box__input:not(.is-disabled) .tiny-input__suffix-inner {
+  display: flex;
+  align-items: center;
+}
+.tvp-search-box__prop {
+  white-space: nowrap;
+  vertical-align: middle;
+  font-size: var(--tvp-SearchBox-tag-font-size);
+}
+.tvp-search-box__prop span {
+  padding-left: 8px;
+}
+.tvp-search-box .tiny-dropdown__trigger {
+  display: block;
+}
+.tvp-search-box .tiny-dropdown__trigger .tiny-dropdown__title {
+  width: 100%;
+}
+.tvp-search-box__dropdown {
+  display: block;
+  flex: 1;
+}
+.tvp-search-box__radio-wrap {
+  max-height: 240px;
+  overflow: auto;
+}
+.tvp-search-box__checkbox-wrap {
+  max-height: 186px;
+  overflow: auto;
+}
+.tvp-search-box__checkbox {
+  flex-direction: column;
+}
+.tvp-search-box__bottom-btn,
+.tvp-search-box__checkbox-btn {
+  display: flex;
+  width: 100%;
+  border-top: 1px solid var(--tvp-SearchBox-dropdown-btn-group-border-color);
+  margin-top: var(--tvp-SearchBox-dropdown-btn-group-margin-top);
+  padding-top: var(--tvp-SearchBox-dropdown-btn-group-padding-top);
+  padding-right: 10px;
+  padding-bottom: var(--tvp-SearchBox-dropdown-btn-group-padding-bottom);
+}
+.tvp-search-box__bottom-btn .tiny-button,
+.tvp-search-box__checkbox-btn .tiny-button {
+  min-width: 72px;
+}
+.tvp-search-box__checkbox-btn {
+  padding-left: 10px;
+}
+.tvp-search-box__filter-type {
+  display: inline-block;
+  padding: 0 16px;
+  margin-top: 12px;
+  height: 18px;
+  line-height: 18px;
+  font-weight: 500;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  color: var(--tvp-SearchBox-dropdown-header-text-color);
+}
+.tvp-search-box__potential-box {
+  min-height: 30px;
+}
+.tvp-search-box__filter-item {
+  color: var(--tvp-SearchBox-search-filter-text-color);
+  border-bottom: 1px solid #fff;
+}
+.tvp-search-box__dropdown-item.tiny-dropdown-item {
+  width: 100%;
+  max-width: 100%;
+}
+.tvp-search-box__dropdown-item.tiny-dropdown-item > div {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.tvp-search-box__dropdown-item.tiny-dropdown-item.tvp-search-box__checkbox-item .tiny-checkbox__inner > .tiny-svg {
+  margin-right: 0;
+}
+.tvp-search-box__checkbox-item .tvp-search-box__checkbox-item-label,
+.tvp-search-box__checkbox-item .tiny-checkbox,
+.tvp-search-box__checkbox-item .tiny-dropdown-item__label {
+  width: 100%;
+}
+.tvp-search-box__checkbox-item-label .tiny-checkbox__label {
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.tvp-search-box__checkbox-item .tiny-dropdown-item__wrap {
+  padding: 0;
+}
+.tvp-search-box__checkbox-item .tiny-checkbox {
+  padding: 6px 10px;
+}
+.tvp-search-box__dropdown-title {
+  margin: 8px 0px;
+  line-height: 18px;
+  color: var(--tvp-SearchBox-dropdown-num-title-text-color);
+  font-size: 12px;
+}
+.tvp-search-box__dropdown-start,
+.tvp-search-box__dropdown-end {
+  margin: 8px 0px;
+  font-size: var(--tvp-SearchBox-dropdown-desc-font-size);
+  color: var(--tvp-SearchBox-dropdown-desc-text-color);
+  letter-spacing: 0;
+  line-height: 1.5;
+}
+.tvp-search-box__panel-box {
+  width: 100%;
+  padding: 0px 10px;
+}
+.tvp-search-box__date-item.tiny-form-item,
+.tvp-search-box__number-item.tiny-form-item {
+  padding-bottom: 8px;
+  margin-bottom: 0;
+  width: 200px;
+}
+.tvp-search-box__date-item.tiny-form-item > div,
+.tvp-search-box__number-item.tiny-form-item > div {
+  width: 100%;
+  white-space: nowrap;
+}
+.tvp-search-box__date-item.tiny-form-item .tiny-form-item__error,
+.tvp-search-box__number-item.tiny-form-item .tiny-form-item__error {
+  font-size: 12px;
+}
+.tvp-search-box__input input {
+  border: 0;
+}
+.tvp-search-box__input-wrapper .tvp-search-box__dropdown .tvp-search-box__input .tiny-input__inner {
+  padding-left: 0px;
+}

package/es/index.es.js

@@ -0,0 +1,10 @@
+import "./index.vue.es.js";
+/* empty css              */
+import "./index.type.es.js";
+import _sfc_main from "./index.vue.es2.js";
+_sfc_main.install = function(app) {
+  app.component(_sfc_main.name, _sfc_main);
+};
+export {
+  _sfc_main as default
+};

package/es/index.type.es.js

@@ -0,0 +1 @@
+

package/es/index.vue.es.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./index.vue.es2.js";
+export {
+  _sfc_main as default
+};