yahee-components 0.0.96 → 0.0.98-beta

package/es/complex-search/complex-search.vue.js

@@ -1,9 +1,9 @@
 import _ from "./complex-search.vue2.js";
-import { resolveComponent as r, createElementBlock as d, openBlock as n, Fragment as u, createElementVNode as b, createVNode as t, withKeys as B, createSlots as U, withCtx as a, renderList as i, createBlock as s, createCommentVNode as V, createTextVNode as h, toDisplayString as c } from "vue";
+import { resolveComponent as r, createElementBlock as d, openBlock as n, Fragment as u, createElementVNode as b, createVNode as t, withKeys as B, createSlots as U, withCtx as a, renderList as i, createBlock as s, createCommentVNode as V, createTextVNode as c, toDisplayString as h } from "vue";
 /* empty css                    */
 import O from "../_virtual/_plugin-vue_export-helper.js";
-const z = { class: "yahee-complex-search" }, P = { class: "search-type-checkbox" }, W = { class: "dialog-footer" };
-function E(e, o, N, $, I, K) {
+const z = { class: "yahee-complex-search" }, I = { class: "search-type-checkbox" }, P = { class: "dialog-footer" };
+function W(e, o, E, N, $, K) {
   const m = r("el-option"), p = r("el-select"), C = r("Search"), w = r("el-icon"), f = r("el-input"), g = r("el-checkbox"), v = r("el-link"), y = r("el-form-item"), S = r("el-row"), F = r("el-form"), k = r("el-button"), T = r("el-dialog");
   return n(), d(u, null, [
     b("div", z, [
@@ -78,15 +78,15 @@ function E(e, o, N, $, I, K) {
           key: "1"
         }
       ]), 1032, ["modelValue", "placeholder", "onChange", "onKeyup", "onPaste", "onClear"]),
-      b("div", P, [
+      b("div", I, [
         e.showWithinFilterCheckbox ? (n(), s(g, {
           key: 0,
-          modelValue: e.isWithinFilterOptions,
-          "onUpdate:modelValue": o[3] || (o[3] = (l) => e.isWithinFilterOptions = l),
+          modelValue: e.localIsWithinFilterOptions,
+          "onUpdate:modelValue": o[3] || (o[3] = (l) => e.localIsWithinFilterOptions = l),
           onChange: e.searchWithinFilterOptions
         }, {
           default: a(() => o[8] || (o[8] = [
-            h(c("在筛选条件内查询"))
+            c(h("在筛选条件内查询"))
           ])),
           _: 1,
           __: [8]
@@ -97,7 +97,7 @@ function E(e, o, N, $, I, K) {
           onClick: e.showBatchSearchDialog
         }, {
           default: a(() => o[9] || (o[9] = [
-            h(c("批量查询"))
+            c(h("批量查询"))
           ])),
           _: 1,
           __: [9]
@@ -114,21 +114,21 @@ function E(e, o, N, $, I, K) {
       draggable: ""
     }, {
       footer: a(() => [
-        b("div", W, [
+        b("div", P, [
           t(k, {
             type: "primary",
             loading: e.confirmLoading,
             onClick: e.confirmSearch
           }, {
             default: a(() => o[10] || (o[10] = [
-              h(c("确认"))
+              c(h("确认"))
             ])),
             _: 1,
             __: [10]
           }, 8, ["loading", "onClick"]),
           t(k, { onClick: e.handleBatchSearchClose }, {
             default: a(() => o[11] || (o[11] = [
-              h(c("关闭"))
+              c(h("关闭"))
             ])),
             _: 1,
             __: [11]
@@ -213,7 +213,7 @@ function E(e, o, N, $, I, K) {
     }, 8, ["modelValue", "before-close"])
   ], 64);
 }
-const j = /* @__PURE__ */ O(_, [["render", E], ["__scopeId", "data-v-814a7364"]]);
+const j = /* @__PURE__ */ O(_, [["render", W], ["__scopeId", "data-v-715db21e"]]);
 export {
   j as default
 };

package/es/complex-search/complex-search.vue2.js

@@ -1,7 +1,6 @@
-import { defineComponent as R, toRefs as _, ref as l, watch as k } from "vue";
-import v from "../_virtual/lodash.js";
-import { defaultComplexSearchProps as o } from "./props.js";
-import { ElLink as L, ElOption as P, ElButton as G, ElRow as K, ElFormItem as V, ElForm as j, ElIcon as q, ElDialog as Y, ElSelect as $, ElCheckbox as z, ElInput as J } from "element-plus";
+import { defineComponent as w, toRefs as B, ref as n, watch as f } from "vue";
+import { defaultComplexSearchProps as a } from "./props.js";
+import { ElLink as g, ElOption as H, ElButton as x, ElRow as A, ElFormItem as R, ElForm as L, ElIcon as _, ElDialog as D, ElSelect as k, ElCheckbox as P, ElInput as j } from "element-plus";
 import "element-plus/theme-chalk/src/base.scss";
 import "element-plus/theme-chalk/src/input.scss";
 import "element-plus/theme-chalk/src/checkbox.scss";
@@ -18,167 +17,161 @@ import "element-plus/theme-chalk/src/form-item.scss";
 import "element-plus/theme-chalk/src/row.scss";
 import "element-plus/theme-chalk/src/button.scss";
 import "element-plus/theme-chalk/src/link.scss";
-import { Search as M } from "@element-plus/icons-vue";
-const ye = R({
+import { Search as q } from "@element-plus/icons-vue";
+const se = w({
   name: "YaheeComplexSearch",
   components: {
-    ElInput: J,
-    ElCheckbox: z,
-    ElSelect: $,
-    ElDialog: Y,
-    ElIcon: q,
-    ElForm: j,
-    ElFormItem: V,
-    ElRow: K,
-    ElButton: G,
-    ElOption: P,
-    ElLink: L,
-    Search: M
+    ElInput: j,
+    ElCheckbox: P,
+    ElSelect: k,
+    ElDialog: D,
+    ElIcon: _,
+    ElForm: L,
+    ElFormItem: R,
+    ElRow: A,
+    ElButton: x,
+    ElOption: H,
+    ElLink: g,
+    Search: q
   },
   props: {
     defaultSearch: {
       type: String,
-      default: o().defaultSearch
+      default: a().defaultSearch
     },
     options: {
       type: Array,
-      default: o().options
+      default: a().options
     },
     placeholderText: {
       type: String,
-      default: o().placeholderText
+      default: a().placeholderText
     },
     showPatchSearch: {
       type: Boolean,
-      default: o().showPatchSearch
+      default: a().showPatchSearch
     },
     showWithinFilterCheckbox: {
       type: Boolean,
-      default: o().showWithinFilterCheckbox
+      default: a().showWithinFilterCheckbox
+    },
+    isWithinFilterOptions: {
+      type: Boolean,
+      default: !1
     },
     specialOptions: {
       type: Array,
-      default: o().specialOptions
+      default: a().specialOptions
     },
     normalOptions: {
       type: Array,
-      default: o().normalOptions
+      default: a().normalOptions
     },
     showSelect: {
       type: Boolean,
-      default: o().showSelect
+      default: a().showSelect
     },
     searchItem: {
       type: Object,
-      default: o().searchItem
+      default: a().searchItem
     },
     isBatchSelectOptionsSameWithInput: {
       type: Boolean,
-      default: o().isBatchSelectOptionsSameWithInput
+      default: a().isBatchSelectOptionsSameWithInput
     },
     batchOptions: {
       type: Array,
-      default: o().batchOptions
+      default: a().batchOptions
     }
   },
-  emits: ["filterChangeGrandson", "update:searchItem"],
-  setup(y, { emit: f }) {
-    const { specialOptions: C, normalOptions: g, searchItem: E } = _(y), i = l(y.defaultSearch || "WHOLE_SEARCH"), h = l(""), p = l(!1), d = l(!1), u = l(!1), S = l(null), r = l({ searchType: "WHOLE_SEARCH", searchContent: "" }), I = [{ value: "WHOLE_SEARCH", label: "综合搜索" }], T = {
+  emits: ["update:isWithinFilterOptions", "search"],
+  setup(c, { emit: i }) {
+    const { searchItem: S } = B(c), h = n(c.defaultSearch || "WHOLE_SEARCH"), s = n(""), o = n(c.isWithinFilterOptions), u = n(!1), p = n(!1), m = n(null), r = n({ searchType: "WHOLE_SEARCH", searchContent: "" }), v = [{ value: "WHOLE_SEARCH", label: "综合搜索" }], O = {
       searchContent: [{ required: !0, message: "请输入查询内容", trigger: "blur" }]
-    }, n = l({ ...E.value });
-    k(
-      () => E.value,
-      (t) => {
-        n.value = { ...t }, s();
+    }, y = n({ ...S.value });
+    f(
+      () => S.value,
+      (e) => {
+        y.value = { ...e };
       },
       { deep: !0 }
-    );
-    const b = () => {
-      s();
-    }, w = () => {
-      h.value = "", s();
-    }, s = () => {
-      let t = {};
-      p.value ? t = {
-        ...n.value,
-        putSearch: h.value || "",
-        searchType: i.value
-      } : t = {
-        putSearch: h.value || "",
-        searchType: i.value
-      }, f("filterChangeGrandson", t, i.value);
+    ), f(
+      () => c.isWithinFilterOptions,
+      (e) => {
+        o.value = e;
+      }
+    ), f(o, (e) => {
+      i("update:isWithinFilterOptions", e);
+    });
+    const C = () => {
+      i("search", {
+        putSearch: s.value || "",
+        searchType: h.value,
+        isWithinFilterOptions: o.value
+      });
+    }, E = () => {
+      s.value = "", i("search", {
+        putSearch: "",
+        searchType: h.value,
+        isWithinFilterOptions: o.value
+      });
     }, W = () => {
-      s();
-    }, x = () => {
-      u.value = !0;
-    }, B = () => {
-      u.value = !1, r.value = { searchType: "WHOLE_SEARCH", searchContent: "" };
-    }, F = (t, e) => {
-      const a = { ...t };
-      return v.map(C.value, (c) => c.key).includes(e.filterKey) ? C.value.forEach((c) => delete a[c.key]) : delete a[e.filterKey], a;
-    }, H = (t) => {
-      let e = { ...n.value };
-      v.forEach(t, (a) => {
-        e = F(e, a);
-        const { checkedValues: c, filterKey: m } = a;
-        v.isEmpty(c) ? delete e[m] : g.value.includes(m) ? e[m] = c[0] : e[m] = c;
-      }), n.value = e, f("update:searchItem", e), p.value && s();
-    }, A = (t) => {
-      const e = O(t);
-      e !== null && (h.value = e, setTimeout(() => {
-        s();
+      i("update:isWithinFilterOptions", o.value);
+    }, F = () => {
+      p.value = !0;
+    }, I = () => {
+      p.value = !1, r.value = { searchType: "WHOLE_SEARCH", searchContent: "" };
+    }, T = (e) => {
+      const t = d(e);
+      t !== null && (s.value = t, setTimeout(() => {
+        i("search", {
+          putSearch: s.value || "",
+          searchType: h.value,
+          isWithinFilterOptions: o.value
+        });
       }, 50));
-    }, D = (t) => {
-      const e = O(t);
-      if (e) {
-        const a = r.value.searchContent || "";
-        r.value.searchContent = a ? `${a},${e}` : e;
+    }, b = (e) => {
+      const t = d(e);
+      if (t) {
+        const l = r.value.searchContent || "";
+        r.value.searchContent = l ? `${l},${t}` : t;
       }
-    }, O = (t) => {
-      var a;
-      t.preventDefault();
-      const e = (a = t.clipboardData) == null ? void 0 : a.getData("text/plain");
-      return e == null ? void 0 : e.replace(/[\n\r\t]+/g, ",");
+    }, d = (e) => {
+      var l;
+      e.preventDefault();
+      const t = (l = e.clipboardData) == null ? void 0 : l.getData("text/plain");
+      return t == null ? void 0 : t.replace(/[\n\r\t]+/g, ",");
     };
     return {
-      selectedSearchType: i,
-      putSearch: h,
-      isWithinFilterOptions: p,
-      confirmLoading: d,
-      showBatchSearch: u,
-      batchSearchFormRef: S,
+      selectedSearchType: h,
+      putSearch: s,
+      localIsWithinFilterOptions: o,
+      confirmLoading: u,
+      showBatchSearch: p,
+      batchSearchFormRef: m,
       batchSearchForm: r,
-      defalutOptions: I,
-      rules: T,
-      showBatchSearchDialog: x,
-      handleBatchSearchClose: B,
+      defalutOptions: v,
+      rules: O,
+      showBatchSearchDialog: F,
+      handleBatchSearchClose: I,
       searchWithinFilterOptions: W,
-      handleSearch: b,
-      handleClear: w,
-      pasteFormatInput: A,
+      handleSearch: C,
+      handleClear: E,
+      pasteFormatInput: T,
       confirmSearch: () => {
-        S.value && S.value.validate((t) => {
-          var e;
-          if (t && ((e = r.value.searchContent) != null && e.trim())) {
-            d.value = !0;
-            let a = {};
-            p.value ? a = {
-              ...n.value,
-              putSearch: r.value.searchContent.trim(),
-              searchType: r.value.searchType
-            } : a = {
-              putSearch: r.value.searchContent.trim(),
-              searchType: r.value.searchType
-            }, f("filterChangeGrandson", a, r.value.searchType), r.value = { searchType: "WHOLE_SEARCH", searchContent: "" }, u.value = !1, d.value = !1;
-          }
+        m.value && m.value.validate((t) => {
+          var l;
+          t && ((l = r.value.searchContent) != null && l.trim()) && (u.value = !0, i("search", {
+            putSearch: r.value.searchContent.trim(),
+            searchType: r.value.searchType,
+            isWithinFilterOptions: o.value
+          }), r.value = { searchType: "WHOLE_SEARCH", searchContent: "" }, p.value = !1, u.value = !1);
         });
       },
-      pasteFormat: D,
-      filterChange: H,
-      getSearchItem: () => n.value
+      pasteFormat: b
     };
   }
 });
 export {
-  ye as default
+  se as default
 };

package/es/complex-search/props.js

@@ -6,7 +6,7 @@ function e() {
     options: () => [],
     placeholderText: "",
     showPatchSearch: !1,
-    showWithinFilterCheckbox: !1,
+    showWithinFilterCheckbox: !0,
     specialOptions: () => [],
     normalOptions: () => [],
     showSelect: !1,

package/es/filter-container/filter-container.vue.js

@@ -0,0 +1,70 @@
+import { defineComponent as K, ref as v, computed as p, useSlots as S, provide as M, onMounted as O, onUnmounted as V, createElementBlock as i, openBlock as u, createCommentVNode as y, renderSlot as I } from "vue";
+import { filterContainerKey as $ } from "./key.js";
+import g from "../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/debounce.js";
+const x = { class: "yahee-filter-container" }, z = {
+  key: 0,
+  class: "filter-section"
+}, N = {
+  key: 1,
+  class: "search-section"
+}, H = /* @__PURE__ */ K({
+  __name: "filter-container",
+  props: {
+    debounceInterval: { default: 300 },
+    immediate: { type: Boolean, default: !1 },
+    initialSearchItem: { default: () => ({}) },
+    showSearchSection: { type: Boolean, default: !1 }
+  },
+  emits: ["change", "search"],
+  setup(_, { expose: b, emit: C }) {
+    const n = _, c = C, t = v({});
+    n.initialSearchItem && Object.keys(n.initialSearchItem).length > 0 && (t.value = { ...n.initialSearchItem });
+    const s = v(/* @__PURE__ */ new Map()), k = p(() => s.value.size > 0 || !!S().filters), A = p(() => n.showSearchSection || Array.from(s.value.values()).some((e) => e.type === "search") || !!S().search), h = g((e) => {
+      c("change", e);
+    }, n.debounceInterval), m = g((e) => {
+      c("search", e);
+    }, n.debounceInterval), w = (e, a, r = "filter") => {
+      s.value.set(e, { methods: a, type: r });
+    }, E = (e) => {
+      s.value.delete(e);
+    }, d = (e) => {
+      const a = Array.isArray(e) ? e : [e], r = { ...t.value };
+      a.forEach((F) => {
+        const { filterKey: l, checkedValues: o } = F;
+        o.length === 0 || o[0] === "" || o[0] === null || o[0] === void 0 ? delete r[l] : o.length === 1 ? r[l] = o[0] : r[l] = o;
+      }), t.value = r, h({ ...r });
+    }, B = (e) => {
+      const a = { ...t.value, ...e };
+      t.value = a, m({ ...a });
+    }, j = () => {
+      t.value = { ...n.initialSearchItem }, s.value.forEach((e) => {
+        e.methods.reset && e.methods.reset();
+      }), c("change", { ...t.value });
+    }, f = () => ({ ...t.value });
+    return M($, {
+      registerComponent: w,
+      unregisterComponent: E,
+      updateSearchItem: d,
+      handleSearch: B,
+      getCurrentSearchItem: f
+    }), b({
+      resetAllFilters: j,
+      getCurrentSearchItem: f,
+      updateSearchItem: d
+    }), O(() => {
+      n.immediate && Object.keys(t.value).length > 0 && c("change", { ...t.value });
+    }), V(() => {
+      h.cancel(), m.cancel();
+    }), (e, a) => (u(), i("div", x, [
+      k.value ? (u(), i("div", z, [
+        I(e.$slots, "filters")
+      ])) : y("", !0),
+      A.value ? (u(), i("div", N, [
+        I(e.$slots, "search")
+      ])) : y("", !0)
+    ]));
+  }
+});
+export {
+  H as default
+};

package/es/filter-container/filter-container.vue2.js

@@ -0,0 +1,4 @@
+import f from "./filter-container.vue.js";
+export {
+  f as default
+};

package/es/filter-container/index.js

@@ -0,0 +1,7 @@
+import { withInstall as t } from "../utils/install.js";
+import o from "./filter-container.vue.js";
+const e = t(o);
+export {
+  e as YaheeFilterContainer,
+  e as default
+};

package/es/filter-container/key.js

@@ -0,0 +1,4 @@
+const e = Symbol("filterContainer");
+export {
+  e as filterContainerKey
+};

package/es/filter-wrapper/filter-wrapper.vue.js

@@ -0,0 +1,7 @@
+import r from "./filter-wrapper.vue2.js";
+/* empty css                    */
+import o from "../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ o(r, [["__scopeId", "data-v-ad18c668"]]);
+export {
+  e as default
+};

package/es/filter-wrapper/filter-wrapper.vue2.js

@@ -0,0 +1,60 @@
+import { defineComponent as f, inject as l, onMounted as d, onUnmounted as m, createElementBlock as h, openBlock as y, renderSlot as S } from "vue";
+import { filterContainerKey as g } from "../filter-container/key.js";
+const I = { class: "filter-wrapper yahee-filter-wrapper" }, v = /* @__PURE__ */ f({
+  name: "YaheeFilterWrapper",
+  __name: "filter-wrapper",
+  props: {
+    id: {},
+    filterKey: {},
+    type: { default: "filter" },
+    reset: { type: Function, default: void 0 },
+    immediate: { type: Boolean, default: !1 }
+  },
+  setup(p, { expose: u }) {
+    const r = p, e = l(g), n = (t = {}) => {
+      e && e.registerComponent(
+        r.id,
+        {
+          reset: r.reset || t.reset,
+          ...t
+        },
+        r.type
+      );
+    }, a = (t) => {
+      if (!e) return;
+      const c = Array.isArray(t) ? t : [t];
+      e.updateSearchItem({
+        filterKey: r.filterKey,
+        checkedValues: c
+      });
+    }, o = () => e != null && e.getCurrentSearchItem ? e.getCurrentSearchItem() : {}, s = (t) => {
+      e != null && e.handleSearch && e.handleSearch(t);
+    }, i = () => {
+      r.reset && r.reset();
+    };
+    return u({
+      register: n,
+      updateFilter: a,
+      getCurrentSearchItem: o,
+      handleSearch: s,
+      reset: i
+    }), d(() => {
+      if (n({ reset: i }), r.immediate && (e != null && e.getCurrentSearchItem)) {
+        const t = e.getCurrentSearchItem();
+        t[r.filterKey] && a(t[r.filterKey]);
+      }
+    }), m(() => {
+      e && e.unregisterComponent(r.id);
+    }), (t, c) => (y(), h("div", I, [
+      S(t.$slots, "default", {
+        register: n,
+        update: a,
+        getCurrentSearchItem: o,
+        handleSearch: s
+      }, void 0, !0)
+    ]));
+  }
+});
+export {
+  v as default
+};

package/es/filter-wrapper/index.js

@@ -0,0 +1,7 @@
+import { withInstall as r } from "../utils/install.js";
+import t from "./filter-wrapper.vue.js";
+const a = r(t);
+export {
+  a as YaheeFilterWrapper,
+  a as default
+};

package/es/help-tag/help-tag.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as d, ref as e, nextTick as h, createElementBlock as v, openBlock as m, createVNode as r, unref as o, withCtx as a, withDirectives as g, createElementVNode as y, withModifiers as C } from "vue";
+import { defineComponent as d, ref as e, nextTick as h, createElementBlock as m, openBlock as v, createVNode as r, unref as n, withCtx as a, withDirectives as g, createElementVNode as y, withModifiers as C } from "vue";
 import { GetHelpTag as _ } from "../packages/components/api/log/index.js";
 import { InfoFilled as k } from "@element-plus/icons-vue";
-import { ElPopover as w, vLoading as T, ElIcon as x } from "element-plus";
+import { ElPopover as T, vLoading as w, ElIcon as x } from "element-plus";
 import "element-plus/theme-chalk/src/base.scss";
 import "element-plus/theme-chalk/src/popper.scss";
 import "element-plus/theme-chalk/src/popover.scss";
@@ -24,20 +24,22 @@ const H = ["innerHTML"], b = /* @__PURE__ */ d({
       l.value && (l.value.style.height = `${s.tipsContentSize.height}px`), t.value && typeof t.value.updatePopper == "function" && t.value.updatePopper();
     });
     const u = () => {
-      p.value = !0, _({ Id: s.tipsId }).then((n) => {
-        n && n.Content && (i.value = n.Content.Content);
-      }).catch(() => {
-        i.value = "加载失败，请重试";
-      }).finally(() => {
-        p.value = !1;
-      });
+      p.value = !0, setTimeout(() => {
+        _({ Id: s.tipsId }).then((o) => {
+          o && o.Content && (i.value = o.Content.Content);
+        }).catch(() => {
+          i.value = "加载失败，请重试";
+        }).finally(() => {
+          p.value = !1;
+        });
+      }, 3e3);
     };
-    return (n, I) => (m(), v("div", {
+    return (o, I) => (v(), m("div", {
       class: "yahee-help-tag",
       ref_key: "yaheeHelpTag",
       ref: f
     }, [
-      r(o(w), {
+      r(n(T), {
         ref_key: "popoverRef",
         ref: t,
         placement: "bottom",
@@ -46,14 +48,14 @@ const H = ["innerHTML"], b = /* @__PURE__ */ d({
         trigger: "click"
       }, {
         reference: a(() => [
-          r(o(x), {
+          r(n(x), {
             size: "18",
             color: "#ccc",
             onClick: C(u, ["stop"]),
             style: { cursor: "pointer" }
           }, {
             default: a(() => [
-              r(o(k))
+              r(n(k))
             ]),
             _: 1
           })
@@ -65,7 +67,7 @@ const H = ["innerHTML"], b = /* @__PURE__ */ d({
             ref: l,
             innerHTML: i.value
           }, null, 8, H), [
-            [o(T), p.value]
+            [n(w), p.value]
           ])
         ]),
         _: 1