@opentiny/vue-search-box 0.1.6 → 2.27.1

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/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;

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

@@ -1,177 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const TinyDropdownItem = require("@opentiny/vue-dropdown-item");
-const index = require("../index.cjs.js");
-;/* empty css                 */
-const _hoisted_1 = { class: "tvp-search-box__filter-type" };
-const _hoisted_2 = {
-  key: 0,
-  class: "tvp-search-box__text-highlight"
-};
-const _hoisted_3 = { class: "tvp-search-box__filter-type" };
-const _hoisted_4 = {
-  key: 0,
-  class: "tvp-search-box__text-highlight"
-};
-const _hoisted_5 = { class: "tvp-search-box__filter-type" };
-const _hoisted_6 = {
-  id: "potential-loading",
-  class: "tvp-search-box__potential-box"
-};
-const _hoisted_7 = { key: 0 };
-const _hoisted_8 = { class: "tvp-search-box__text-highlight" };
-const _hoisted_9 = { class: "tvp-search-box__first-panel" };
-const _hoisted_10 = {
-  key: 0,
-  class: "tvp-search-box__filter-type"
-};
-const _hoisted_11 = ["title"];
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    name: "TinySearchBoxFirstLevelPanel"
-  },
-  __name: "first-level-panel",
-  props: {
-    state: {
-      type: Object,
-      default: () => ({})
-    },
-    potentialOptions: {
-      type: Array,
-      default: () => []
-    }
-  },
-  emits: ["events", "selectInputValue", "selectPropItem", "selectRadioItem"],
-  setup(__props, { emit: __emit }) {
-    const emits = __emit;
-    const events = (eventName, p1, p2) => {
-      emits("events", eventName, p1, p2);
-    };
-    const selectInputValue = (e) => {
-      events("selectInputValue", e);
-    };
-    const selectPropItem = (e) => {
-      events("selectPropItem", e);
-    };
-    const selectRadioItem = (e, v) => {
-      events("selectRadioItem", e, v);
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        vue.withDirectives(vue.createVNode(vue.unref(TinyDropdownItem), {
-          class: "tvp-search-box__filter-item tvp-search-box__dropdown-item tvp-search-box__dropdown-item-init",
-          onClick: _cache[0] || (_cache[0] = ($event) => selectInputValue(__props.state.inputValue))
-        }, {
-          default: vue.withCtx(() => [
-            vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.initUse")) + "＂" + vue.toDisplayString(__props.state.inputValue) + "＂", 1)
-          ]),
-          _: 1
-        }, 512), [
-          [vue.vShow, __props.state.inputValue.trim()]
-        ]),
-        vue.withDirectives(vue.createElementVNode("div", null, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.state.matchItems, (value, key) => {
-            return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key }, [
-              value["attr"].length ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
-                vue.createElementVNode("span", _hoisted_1, vue.toDisplayString(key === "0" ? vue.unref(index.t)("tvp.tvpSearchbox.attributeType") : key), 1),
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(value["attr"], (item, index2) => {
-                  return vue.openBlock(), vue.createBlock(vue.unref(TinyDropdownItem), {
-                    key: item.label + index2,
-                    class: "tvp-search-box__filter-item tvp-search-box__dropdown-item",
-                    onClick: ($event) => selectPropItem(item)
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createElementVNode("span", null, [
-                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.match, (text) => {
-                          return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: text }, [
-                            text.toLowerCase() === item.hightlighStr ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, vue.toDisplayString(text), 1)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                              vue.createTextVNode(vue.toDisplayString(text), 1)
-                            ], 64))
-                          ], 64);
-                        }), 128))
-                      ])
-                    ]),
-                    _: 2
-                  }, 1032, ["onClick"]);
-                }), 128))
-              ], 64)) : vue.createCommentVNode("", true),
-              value["attrValue"].length ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                vue.createElementVNode("span", _hoisted_3, vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.propertyValue", [key === "0" ? vue.unref(index.t)("tvp.tvpSearchbox.attributeType") : key])), 1),
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(value["attrValue"], (item, index2) => {
-                  return vue.openBlock(), vue.createBlock(vue.unref(TinyDropdownItem), {
-                    key: item.label + index2,
-                    disabled: item.isChecked,
-                    class: "tvp-search-box__filter-item tvp-search-box__dropdown-item",
-                    onClick: ($event) => selectRadioItem(item, true)
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createElementVNode("span", null, [
-                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(item.match, (text) => {
-                          return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: text }, [
-                            text.toLowerCase() === item.hightlighStr ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(text), 1)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                              vue.createTextVNode(vue.toDisplayString(text), 1)
-                            ], 64))
-                          ], 64);
-                        }), 128))
-                      ])
-                    ]),
-                    _: 2
-                  }, 1032, ["disabled", "onClick"]);
-                }), 128))
-              ], 64)) : vue.createCommentVNode("", true)
-            ], 64);
-          }), 128)),
-          vue.withDirectives(vue.createElementVNode("div", null, [
-            vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(vue.unref(index.t)("tvp.tvpSearchbox.matched")), 1),
-            vue.createElementVNode("div", _hoisted_6, [
-              __props.state.potentialOptions ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.state.potentialOptions, (item, index2) => {
-                  return vue.openBlock(), vue.createBlock(vue.unref(TinyDropdownItem), {
-                    key: item.label + index2,
-                    class: "tvp-search-box__filter-item tvp-search-box__dropdown-item",
-                    onClick: ($event) => selectRadioItem(item, true)
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode(vue.toDisplayString(item.label) + "： ", 1),
-                      vue.createElementVNode("span", _hoisted_8, vue.toDisplayString(item.value), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["onClick"]);
-                }), 128))
-              ])) : vue.createCommentVNode("", true)
-            ])
-          ], 512), [
-            [vue.vShow, __props.state.potentialOptions]
-          ])
-        ], 512), [
-          [vue.vShow, !__props.state.propItem.label && __props.state.inputValue.trim()]
-        ]),
-        vue.withDirectives(vue.createElementVNode("div", _hoisted_9, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.state.groupItems, (group, key) => {
-            return vue.openBlock(), vue.createElementBlock(vue.Fragment, { key }, [
-              group.length ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_10, vue.toDisplayString(key === "0" ? vue.unref(index.t)("tvp.tvpSearchbox.attributeType") : key), 1)) : vue.createCommentVNode("", true),
-              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(group, (item, index2) => {
-                return vue.openBlock(), vue.createBlock(vue.unref(TinyDropdownItem), {
-                  key: (item.field || item.label) + index2,
-                  class: "tvp-search-box__dropdown-item",
-                  onClick: ($event) => selectPropItem(item)
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createElementVNode("span", {
-                      title: item.label
-                    }, vue.toDisplayString(item.label), 9, _hoisted_11)
-                  ]),
-                  _: 2
-                }, 1032, ["onClick"]);
-              }), 128))
-            ], 64);
-          }), 128))
-        ], 512), [
-          [vue.vShow, __props.state.visible && !__props.state.propItem.label && !__props.state.inputValue.trim()]
-        ])
-      ], 64);
-    };
-  }
-});
-exports.default = _sfc_main;

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

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