@opentiny/vue-search-box 0.1.6 → 2.27.0

package/dist/es/utils/validate.es.js

@@ -1,179 +0,0 @@
-import { getTagId, createNewTag } from "./tag.es.js";
-import { isNumber } from "./type.es.js";
-import { omitObj } from "./clone.es.js";
-const getVerifyTag = async (instance, state, props) => {
-  const { prevItem, inputEditValue } = state;
-  const { operators } = prevItem;
-  const rest = omitObj(prevItem);
-  let newTag = null;
-  let isPass = true;
-  await instance.refs.formRef.validateField(["inputEditValue"], (errMsg) => {
-    if (errMsg) {
-      isPass = false;
-    }
-  });
-  if (isPass) {
-    let id = null;
-    const operator = state.operatorValue && operators ? { operator: state.operatorValue } : null;
-    let value = inputEditValue;
-    const otherAttr = {};
-    if (Array.isArray(inputEditValue)) {
-      otherAttr.options = [];
-      value = "";
-      inputEditValue.forEach((editValue) => {
-        const item = state.currentEditValue.find((item2) => item2.label === editValue);
-        const label = (item == null ? void 0 : item.label) || editValue;
-        value = !value ? label : `${value} | ${label}`;
-        if (item) {
-          const itemId = getTagId(props, prevItem, item);
-          otherAttr.options.push({ label, ...itemId });
-        } else {
-          otherAttr.options.push({ label });
-        }
-      });
-    } else if (Array.isArray(state.currentEditValue)) {
-      const item = state.currentEditValue.find((item2) => item2.label === value);
-      id = getTagId(props, prevItem, item);
-    }
-    newTag = createNewTag({ ...rest, label: state.selectValue, ...operator, value, ...id, ...otherAttr });
-  }
-  return newTag;
-};
-const getVerifyNumTag = async (instance, state, props) => {
-  const { prevItem } = state;
-  const minNum = `min${prevItem.field}`;
-  const maxNum = `max${prevItem.field}`;
-  const start = state[minNum];
-  const end = state[maxNum];
-  const verifyProps = [minNum, maxNum];
-  let isPass = true;
-  let newTag = null;
-  await instance.refs.formRef.validateField(verifyProps, (errMsg) => {
-    if (errMsg) {
-      isPass = false;
-    }
-  });
-  if (isPass) {
-    const { field, label: prevLabel, unit, type, operators } = prevItem;
-    const label = unit ? `${prevLabel}(${unit})` : prevLabel;
-    let value = "";
-    if (start && end) {
-      value = `${start}-${end}`;
-    } else {
-      value = start ? `≥${start}` : `≤${end}`;
-    }
-    const id = getTagId(props, prevItem, prevItem);
-    const operator = state.operatorValue && operators ? { operator: state.operatorValue } : null;
-    newTag = createNewTag({ type, field, label, value, ...id, start, end, ...operator });
-  }
-  return newTag;
-};
-const getVerifyDateTag = async (instance, state, props, isDateTimeType) => {
-  const { prevItem, startDate, endDate, startDateTime, endDateTime } = state;
-  let start = null;
-  let end = null;
-  let isPass = true;
-  let newTag = null;
-  let verifyProps = null;
-  if (isDateTimeType) {
-    start = startDateTime;
-    end = endDateTime;
-    verifyProps = ["startDateTime", "endDateTime"];
-  } else {
-    start = startDate;
-    end = endDate;
-    verifyProps = ["startDate", "endDate"];
-  }
-  await instance.refs.formRef.validateField(verifyProps, (errMsg) => {
-    if (errMsg) {
-      isPass = false;
-    }
-  });
-  if (isPass) {
-    const { field, label, type, operators } = prevItem;
-    let value = "";
-    if (start && end) {
-      if (start > end) {
-        return;
-      } else if (start === end) {
-        value = start;
-      } else {
-        value = `${start}-${end}`;
-      }
-    } else {
-      value = start ? `≥${start}` : `≤${end}`;
-    }
-    const id = getTagId(props, prevItem, prevItem);
-    const operator = state.operatorValue && operators ? { operator: state.operatorValue } : null;
-    newTag = createNewTag({ type, field, label, value, start, end, ...id, ...operator });
-  }
-  return newTag;
-};
-const setStateNumRange = (state, item, t) => {
-  const { prevItem } = state;
-  const { field, start, end, min = prevItem.min, max = prevItem.max } = item;
-  const nextMinNum = `min${field}`;
-  const nextMaxNum = `max${field}`;
-  if (state.curMinNumVar !== nextMinNum || state.curMaxNumVar !== nextMaxNum) {
-    delete state[state.curMinNumVar];
-    delete state[state.curMaxNumVar];
-    delete state.formRules[state.curMinNumVar];
-    delete state.formRules[state.curMaxNumVar];
-    state.curMinNumVar = nextMinNum;
-    state.curMaxNumVar = nextMaxNum;
-  }
-  state[state.curMinNumVar] = start;
-  state[state.curMaxNumVar] = end;
-  const { curMinNumVar, curMaxNumVar } = state;
-  const minIsNumber = isNumber(min);
-  const maxIsNumber = isNumber(max);
-  if (minIsNumber || maxIsNumber) {
-    state.formRules[curMinNumVar] = {
-      validator: (rule, value, cb) => {
-        const valueIsNumber = isNumber(value);
-        if (!valueIsNumber && isNumber(state[curMaxNumVar]) || valueIsNumber && (minIsNumber && !maxIsNumber && value >= min || !minIsNumber && maxIsNumber && value <= max || value >= min && value <= max)) {
-          cb();
-        } else {
-          state.numberShowMessage = Boolean(value || state[curMaxNumVar]);
-          cb(new Error(t("tvp.tvpSearchbox.rangeMinErr", [min, max])));
-        }
-      }
-    };
-    state.formRules[curMaxNumVar] = {
-      validator: (rule, value, cb) => {
-        const MinValueIsNumber = isNumber(state[curMinNumVar]);
-        const curMin = MinValueIsNumber && min < state[curMinNumVar] ? Number(state[curMinNumVar]) : min;
-        const curMinIsNumber = isNumber(curMin);
-        const valueIsNumber = isNumber(value);
-        if (!valueIsNumber && MinValueIsNumber || valueIsNumber && (curMinIsNumber && !maxIsNumber && value >= curMin || !curMinIsNumber && maxIsNumber && value <= max || value >= curMin && value <= max)) {
-          cb();
-        } else if (!valueIsNumber && !MinValueIsNumber) {
-          cb(new Error(t("tvp.tvpSearchbox.rangeNumberTitle")));
-        } else {
-          cb(new Error(t("tvp.tvpSearchbox.rangeMaxErr")));
-        }
-      }
-    };
-  } else {
-    state.formRules[curMaxNumVar] = {
-      validator: (rule, value, cb) => {
-        const curMin = state[curMinNumVar];
-        const valueIsNumber = isNumber(value);
-        const curMinIsNumber = isNumber(curMin);
-        if (valueIsNumber && !curMinIsNumber || !valueIsNumber && curMinIsNumber || valueIsNumber && curMinIsNumber && value >= Number(curMin)) {
-          cb();
-        } else if (!valueIsNumber && !curMinIsNumber) {
-          cb(new Error(t("tvp.tvpSearchbox.rangeNumberTitle")));
-        } else {
-          cb(new Error(t("tvp.tvpSearchbox.rangeMaxErr")));
-        }
-      }
-    };
-  }
-};
-export {
-  getVerifyDateTag,
-  getVerifyNumTag,
-  getVerifyTag,
-  setStateNumRange
-};

package/dist/es/utils/zh_CN.es.js

@@ -1,45 +0,0 @@
-const zhCN = {
-  tvp: {
-    tvpSearchbox: {
-      defaultPlaceholder: "请选择属性筛选，或输入关键字",
-      addPlaceholder: "添加筛选条件",
-      tagPlaceholder: "请选择标签键/值搜索，或输入“键=值”搜索",
-      dynamicPlaceholder: "请选择{newValue}搜索",
-      attributeType: "属性类型",
-      propertyValue: "{0}的值",
-      matched: "潜在匹配项",
-      allValues: "所有值",
-      allProperty: "全部属性",
-      operator: "运算符",
-      clearAll: "清空",
-      emptyValue: "空 值",
-      help: "点击查看帮助",
-      switchText: "切换到默认搜索项",
-      tagKey: "键",
-      tagValue: "值",
-      minValueText: "最小值",
-      maxValueText: "最大值",
-      rangeMinErr: "输入值必须在{0}~{1}之间",
-      rangeMaxErr: "最大值必须大于等于最小值，或者为空",
-      rangeNumberTitle: "请至少输入一个值",
-      rangeDateTitle: "请至少输入一个日期",
-      timeLengthTitle: "可选时间跨度为{value}天内",
-      rangeBeginLabel: "开始日期",
-      rangeEndLabel: "结束日期",
-      rulekeyword1: "关键字",
-      notBeNull: "值不能为空",
-      noData: "暂无匹配数据...",
-      selectAll: "全选",
-      confirm: "确定",
-      cancel: "取消",
-      equal: "等于",
-      notEqual: "不等于",
-      contain: "包含",
-      notContain: "不包含",
-      initUse: "搜索"
-    }
-  }
-};
-export {
-  zhCN as default
-};

package/dist/index.css

@@ -1,401 +0,0 @@
-.tiny-popper.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-small-min-height: var(--tv-size-height-sm, 28px);
-  --tvp-SearchBox-padding-left: var(--tv-size-height-md, 32px);
-  --tvp-SearchBox-small-padding-left: var(--tv-size-height-sm, 28px);
-  --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-small-tag-font-size: var(--tv-font-size-sm, 12px);
-  --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;
-}
-.tiny-popper.tvp-search-box__dropdown-menu::-webkit-scrollbar,
-.tvp-search-box__popover::-webkit-scrollbar {
-  width: 8px;
-  height: 8px;
-}
-.tiny-popper.tvp-search-box__dropdown-menu::-webkit-scrollbar-corner,
-.tvp-search-box__popover::-webkit-scrollbar-corner {
-  background: transparent;
-}
-.tiny-popper.tvp-search-box__dropdown-menu::-webkit-scrollbar-track,
-.tvp-search-box__popover::-webkit-scrollbar-track {
-  background: transparent;
-}
-.tiny-popper.tvp-search-box__dropdown-menu::-webkit-scrollbar-thumb,
-.tvp-search-box__popover::-webkit-scrollbar-thumb {
-  background: var(--tvp-SearchBox-color-bg-scrollbar-thumb);
-  border-radius: var(--tvp-SearchBox-border-radius-scrollbar-thumb);
-}
-.tiny-popper.tvp-search-box__dropdown-menu::-webkit-scrollbar-thumb:hover,
-.tvp-search-box__popover::-webkit-scrollbar-thumb:hover {
-  background: var(--tv-color-bg-scrollbar-thumb-hover);
-}
-.tiny-popper.tvp-search-box__dropdown-menu::-webkit-scrollbar-thumb:active,
-.tvp-search-box__popover::-webkit-scrollbar-thumb:active {
-  background: var(--tvp-SearchBox-color-bg-scrollbar-thumb-active);
-}
-.tiny-popper.tvp-search-box__dropdown-menu.tiny-popper.tvp-search-box__dropdown-menu .tvp-search-box__date-picker .baseClearicon,
-.tiny-popper.tvp-search-box__dropdown-menu.tvp-search-box__popover .tvp-search-box__date-picker .baseClearicon,
-.tvp-search-box__popover.tiny-popper.tvp-search-box__dropdown-menu .tvp-search-box__date-picker .baseClearicon,
-.tvp-search-box__popover.tvp-search-box__popover .tvp-search-box__date-picker .baseClearicon {
-  background-color: var(--tvp-SearchBox-date-picker-clear-icon-bg);
-}
-.tiny-popper.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;
-}
-.tiny-popper.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;
-}
-.tiny-popper.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;
-}
-.tiny-popper.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;
-}
-.tiny-popper.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;
-}
-.tiny-popper.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;
-}
-.tiny-popper.tvp-search-box__dropdown-menu input[type='number'],
-.tvp-search-box__popover input[type='number'] {
-  -moz-appearance: textfield;
-  /* Firefox */
-  appearance: textfield;
-}
-.tiny-popper.tvp-search-box__dropdown-menu input[type='number']::-webkit-inner-spin-button,
-.tvp-search-box__popover input[type='number']::-webkit-inner-spin-button,
-.tiny-popper.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-small-min-height: var(--tv-size-height-sm, 28px);
-  --tvp-SearchBox-padding-left: var(--tv-size-height-md, 32px);
-  --tvp-SearchBox-small-padding-left: var(--tv-size-height-sm, 28px);
-  --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-small-tag-font-size: var(--tv-font-size-sm, 12px);
-  --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: var(--tvp-SearchBox-color-border-divider);
-}
-.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:focus-visible {
-  outline: none;
-}
-.tvp-search-box .tiny-dropdown__trigger .tiny-dropdown__title {
-  width: 100%;
-}
-.tvp-search-box__dropdown {
-  display: block;
-  flex: 1;
-}
-.tvp-search-box__loading-box {
-  min-height: 32px;
-}
-.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;
-  gap: 5px;
-  justify-content: flex-end;
-  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);
-}
-.tvp-search-box__dropdown-item.tiny-dropdown-item {
-  width: 100%;
-  max-width: 100%;
-  background: inherit;
-}
-.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__dropdown-item-init {
-  background-color: #f5f5f5;
-}
-.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;
-  color: var(--tvp-SearchBox-dropdown-desc-text-color);
-}
-.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;
-}
-.tvp-search-box--small {
-  min-height: var(--tvp-SearchBox-small-min-height);
-  padding-left: var(--tvp-SearchBox-small-padding-left);
-}
-.tvp-search-box--small > .tvp-search-box__prefix {
-  top: calc((var(--tvp-SearchBox-small-min-height) - var(--tvp-SearchBox-left-icon-font-size)) / 2 - 1px);
-  left: 10px;
-}
-.tvp-search-box--small .tvp-search-box__prop {
-  font-size: var(--tvp-SearchBox-small-tag-font-size);
-}
-.tvp-search-box--small .tvp-search-box__prop span {
-  padding-left: 8px;
-}

package/dist/lib/components/first-level-panel.vue.cjs.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const firstLevelPanel_vue_vue_type_script_setup_true_lang = require("./first-level-panel.vue.cjs2.js");
-exports.default = firstLevelPanel_vue_vue_type_script_setup_true_lang.default;