yahee-components 0.0.98-beta-03 → 0.0.100

package/es/complex-search/useComplexSearch.js

@@ -0,0 +1,44 @@
+import { toRefs as m, ref as n, watch as c } from "vue";
+function F(t, o) {
+  const { searchItem: s } = m(t), u = n(t.defaultSearch || "WHOLE_SEARCH"), a = n(""), l = n(t.isWithinFilterOptions), h = n({ ...s.value });
+  c(
+    () => s.value,
+    (e) => {
+      h.value = { ...e };
+    },
+    { deep: !0 }
+  ), c(
+    () => t.isWithinFilterOptions,
+    (e) => {
+      l.value = e;
+    }
+  ), c(l, (e) => {
+    o("update:isWithinFilterOptions", e);
+  });
+  const r = () => {
+    o("search", {
+      putSearch: a.value || "",
+      searchType: u.value,
+      isWithinFilterOptions: l.value
+    });
+  };
+  return {
+    selectedSearchType: u,
+    putSearch: a,
+    localIsWithinFilterOptions: l,
+    localSearchItem: h,
+    handleSearch: r,
+    handleClear: () => {
+      a.value = "", r();
+    },
+    pasteFormatInput: (e) => {
+      var d;
+      e.preventDefault();
+      const i = (d = e.clipboardData) == null ? void 0 : d.getData("text/plain"), p = i == null ? void 0 : i.replace(/[\n\r\t]+/g, ",");
+      p !== null && (a.value = p, setTimeout(r, 50));
+    }
+  };
+}
+export {
+  F as useComplexSearch
+};

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

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

package/es/filter-container/props.js

@@ -0,0 +1,11 @@
+function e() {
+  return {
+    debounceInterval: 300,
+    immediate: !1,
+    initialSearchItem: {},
+    showSearchSection: !1
+  };
+}
+export {
+  e as defaultFilterContainerProps
+};

package/es/filter-container/style/index.css

@@ -1,14 +1,13 @@
 .yahee-filter-container {
   display: flex;
   width: 100%;
+  justify-content: space-between;
 }
 .yahee-filter-container .filter-section {
   min-width: 200px;
 }
 .yahee-filter-container .search-section {
   min-height: 60px;
-  position: fixed;
-  right: -50px;
 }
 .yahee-filter-container .content-section {
   flex: 1;

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

@@ -1,7 +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"]]);
+const a = /* @__PURE__ */ o(r, [["__scopeId", "data-v-1188ff04"]]);
 export {
-  e as default
+  a as default
 };

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

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

package/es/filter-wrapper/props.js

@@ -0,0 +1,10 @@
+function e() {
+  return {
+    type: "filter",
+    immediate: !1,
+    reset: void 0
+  };
+}
+export {
+  e as defaultFilterWrapperProps
+};

package/es/style.css

@@ -529,14 +529,13 @@
 .yahee-filter-container {
   display: flex;
   width: 100%;
+  justify-content: space-between;
 }
 .yahee-filter-container .filter-section {
   min-width: 200px;
 }
 .yahee-filter-container .search-section {
   min-height: 60px;
-  position: fixed;
-  right: -50px;
 }
 .yahee-filter-container .content-section {
   flex: 1;

package/es/yahee-components.css

@@ -1 +1 @@
-.yahee-complex-search[data-v-715db21e]{width:100%}.search-type-checkbox[data-v-715db21e]{display:flex;justify-content:space-between;margin-top:8px;align-items:center}.row-class[data-v-715db21e]{margin-bottom:16px}.dialog-footer[data-v-715db21e]{display:flex;justify-content:flex-end;gap:12px}.container[data-v-d3e37633]{box-sizing:initial;display:inline-block;text-align:center;border-radius:50%;overflow:hidden}.spinner[data-v-d3e37633]{box-sizing:initial;border:2px solid #a1a1a1;border-right-color:transparent;width:23px;height:23px;border-radius:50%;animation:spin-d3e37633 .9s linear infinite}@keyframes spin-d3e37633{to{transform:rotate(360deg)}}.v3-infinite-loading[data-v-4bdee133]{width:100%;height:44px}.state-error[data-v-4bdee133]{display:flex;flex-direction:column;align-items:center}.retry[data-v-4bdee133]{margin-top:8px;padding:2px 6px 4px;width:60px;color:inherit;font-size:14px;font-family:inherit;background:transparent;border:2px solid currentColor;border-radius:5px;outline:none;cursor:pointer}.retry[data-v-4bdee133]:hover{opacity:.8}.filter-wrapper[data-v-ad18c668]{display:inline-block;margin-right:16px;margin-bottom:16px;vertical-align:top}
+.row-class[data-v-12186e80]{margin-bottom:16px}.dialog-footer[data-v-12186e80]{display:flex;justify-content:flex-end;gap:12px}.yahee-complex-search[data-v-c03e960b]{width:100%}.search-type-checkbox[data-v-c03e960b]{display:flex;justify-content:space-between;margin-top:8px;align-items:center}.container[data-v-d3e37633]{box-sizing:initial;display:inline-block;text-align:center;border-radius:50%;overflow:hidden}.spinner[data-v-d3e37633]{box-sizing:initial;border:2px solid #a1a1a1;border-right-color:transparent;width:23px;height:23px;border-radius:50%;animation:spin-d3e37633 .9s linear infinite}@keyframes spin-d3e37633{to{transform:rotate(360deg)}}.v3-infinite-loading[data-v-4bdee133]{width:100%;height:44px}.state-error[data-v-4bdee133]{display:flex;flex-direction:column;align-items:center}.retry[data-v-4bdee133]{margin-top:8px;padding:2px 6px 4px;width:60px;color:inherit;font-size:14px;font-family:inherit;background:transparent;border:2px solid currentColor;border-radius:5px;outline:none;cursor:pointer}.retry[data-v-4bdee133]:hover{opacity:.8}.filter-wrapper[data-v-1188ff04]{display:inline-block;margin-right:16px;margin-bottom:16px;vertical-align:top}

package/lib/filter-container/style/index.css

@@ -1,14 +1,13 @@
 .yahee-filter-container {
   display: flex;
   width: 100%;
+  justify-content: space-between;
 }
 .yahee-filter-container .filter-section {
   min-width: 200px;
 }
 .yahee-filter-container .search-section {
   min-height: 60px;
-  position: fixed;
-  right: -50px;
 }
 .yahee-filter-container .content-section {
   flex: 1;

package/lib/style.css

@@ -529,14 +529,13 @@
 .yahee-filter-container {
   display: flex;
   width: 100%;
+  justify-content: space-between;
 }
 .yahee-filter-container .filter-section {
   min-width: 200px;
 }
 .yahee-filter-container .search-section {
   min-height: 60px;
-  position: fixed;
-  right: -50px;
 }
 .yahee-filter-container .content-section {
   flex: 1;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "yahee-components",
   "private": false,
-  "version": "0.0.98-beta-03",
+  "version": "0.0.100",
   "description": "深圳前海亚讯前端组件库",
   "main": "lib",
   "module": "es",

package/types/src/complex-search/batch-search-dialog.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/types/src/complex-search/complex-search.vue.d.ts

@@ -0,0 +1,137 @@
+import { FilterValue, SearchOptions, SearchItem } from './complex-search';
+import { DefineComponent, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    defaultSearch: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: () => Array<{
+            value: string;
+            label: string;
+        }>;
+        default: () => SearchOptions[];
+    };
+    placeholderText: {
+        type: StringConstructor;
+        default: string;
+    };
+    showPatchSearch: {
+        type: BooleanConstructor;
+        default: false;
+    };
+    showWithinFilterCheckbox: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    isWithinFilterOptions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSelect: {
+        type: BooleanConstructor;
+        default: false;
+    };
+    searchItem: {
+        type: () => Record<string, FilterValue>;
+        default: () => SearchItem;
+    };
+    isBatchSelectOptionsSameWithInput: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    batchOptions: {
+        type: () => Array<{
+            value: string;
+            label: string;
+        }>;
+        default: () => SearchOptions[];
+    };
+}>, {
+    selectedSearchType: Ref<string, string>;
+    putSearch: Ref<string, string>;
+    localIsWithinFilterOptions: Ref<boolean, boolean>;
+    showBatchSearch: Ref<boolean, boolean>;
+    defaultOptions: {
+        value: string;
+        label: string;
+    }[];
+    handleSearch: () => void;
+    handleClear: () => void;
+    pasteFormatInput: ($event: ClipboardEvent) => void;
+    handleBatchSearchConfirm: (data: {
+        searchType: string;
+        searchContent: string;
+    }) => void;
+    searchWithinFilterOptions: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("search" | "update:isWithinFilterOptions")[], "search" | "update:isWithinFilterOptions", PublicProps, Readonly< ExtractPropTypes<{
+    defaultSearch: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: () => Array<{
+            value: string;
+            label: string;
+        }>;
+        default: () => SearchOptions[];
+    };
+    placeholderText: {
+        type: StringConstructor;
+        default: string;
+    };
+    showPatchSearch: {
+        type: BooleanConstructor;
+        default: false;
+    };
+    showWithinFilterCheckbox: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    isWithinFilterOptions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSelect: {
+        type: BooleanConstructor;
+        default: false;
+    };
+    searchItem: {
+        type: () => Record<string, FilterValue>;
+        default: () => SearchItem;
+    };
+    isBatchSelectOptionsSameWithInput: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    batchOptions: {
+        type: () => Array<{
+            value: string;
+            label: string;
+        }>;
+        default: () => SearchOptions[];
+    };
+}>> & Readonly<{
+    onSearch?: (...args: any[]) => any;
+    "onUpdate:isWithinFilterOptions"?: (...args: any[]) => any;
+}>, {
+    showSelect: boolean;
+    batchOptions: {
+        value: string;
+        label: string;
+    }[];
+    defaultSearch: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    placeholderText: string;
+    showPatchSearch: boolean;
+    showWithinFilterCheckbox: boolean;
+    searchItem: Record<string, FilterValue>;
+    isBatchSelectOptionsSameWithInput: boolean;
+    isWithinFilterOptions: boolean;
+}, {}, {
+    BatchSearchDialog: any;
+}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/src/complex-search/index.d.ts

@@ -0,0 +1,141 @@
+import { SFCWithInstall } from '../utils/typescript';
+import { DefineComponent, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { SearchOptions, FilterValue, SearchItem } from './complex-search';
+export declare const YaheeComplexSearch: SFCWithInstall<DefineComponent<ExtractPropTypes<{
+    defaultSearch: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: () => Array<{
+            value: string;
+            label: string;
+        }>;
+        default: () => SearchOptions[];
+    };
+    placeholderText: {
+        type: StringConstructor;
+        default: string;
+    };
+    showPatchSearch: {
+        type: BooleanConstructor;
+        default: false;
+    };
+    showWithinFilterCheckbox: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    isWithinFilterOptions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSelect: {
+        type: BooleanConstructor;
+        default: false;
+    };
+    searchItem: {
+        type: () => Record<string, FilterValue>;
+        default: () => SearchItem;
+    };
+    isBatchSelectOptionsSameWithInput: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    batchOptions: {
+        type: () => Array<{
+            value: string;
+            label: string;
+        }>;
+        default: () => SearchOptions[];
+    };
+}>, {
+    selectedSearchType: Ref<string, string>;
+    putSearch: Ref<string, string>;
+    localIsWithinFilterOptions: Ref<boolean, boolean>;
+    showBatchSearch: Ref<boolean, boolean>;
+    defaultOptions: {
+        value: string;
+        label: string;
+    }[];
+    handleSearch: () => void;
+    handleClear: () => void;
+    pasteFormatInput: ($event: ClipboardEvent) => void;
+    handleBatchSearchConfirm: (data: {
+        searchType: string;
+        searchContent: string;
+    }) => void;
+    searchWithinFilterOptions: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("search" | "update:isWithinFilterOptions")[], "search" | "update:isWithinFilterOptions", PublicProps, Readonly< ExtractPropTypes<{
+    defaultSearch: {
+        type: StringConstructor;
+        default: string;
+    };
+    options: {
+        type: () => Array<{
+            value: string;
+            label: string;
+        }>;
+        default: () => SearchOptions[];
+    };
+    placeholderText: {
+        type: StringConstructor;
+        default: string;
+    };
+    showPatchSearch: {
+        type: BooleanConstructor;
+        default: false;
+    };
+    showWithinFilterCheckbox: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    isWithinFilterOptions: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showSelect: {
+        type: BooleanConstructor;
+        default: false;
+    };
+    searchItem: {
+        type: () => Record<string, FilterValue>;
+        default: () => SearchItem;
+    };
+    isBatchSelectOptionsSameWithInput: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    batchOptions: {
+        type: () => Array<{
+            value: string;
+            label: string;
+        }>;
+        default: () => SearchOptions[];
+    };
+}>> & Readonly<{
+    onSearch?: (...args: any[]) => any;
+    "onUpdate:isWithinFilterOptions"?: (...args: any[]) => any;
+}>, {
+    showSelect: boolean;
+    batchOptions: {
+        value: string;
+        label: string;
+    }[];
+    defaultSearch: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    placeholderText: string;
+    showPatchSearch: boolean;
+    showWithinFilterCheckbox: boolean;
+    searchItem: Record<string, FilterValue>;
+    isBatchSelectOptionsSameWithInput: boolean;
+    isWithinFilterOptions: boolean;
+}, {}, {
+    BatchSearchDialog: any;
+}, {}, string, ComponentProvideOptions, true, {}, any>> & Record<string, any>;
+export default YaheeComplexSearch;
+export * from './complex-search.vue';
+export * from './complex-search';
+export * from './props';