yahee-components 0.0.102 → 0.0.103

package/es/drop-down-condition/drop-down-condition.vue.js

@@ -1,226 +1,7 @@
-import { defineComponent as se, ref as g, reactive as _, toRefs as ae, watch as ce, onMounted as re, createElementBlock as i, openBlock as a, createVNode as W, unref as u, normalizeStyle as R, withCtx as d, createTextVNode as k, createCommentVNode as N, toDisplayString as v, createElementVNode as E, Fragment as b, renderList as z, createBlock as y } from "vue";
-import s from "../_virtual/lodash.js";
-import { stylesUtils as U } from "../utils/style.js";
-import { storage as G } from "../utils/storage.js";
-import { M2 as x } from "../utils/translate.js";
-import { ElButton as P, ElDropdown as ie, ElCheckboxGroup as Y, ElCheckbox as j } from "element-plus";
-import "element-plus/theme-chalk/src/base.scss";
-import "element-plus/theme-chalk/src/button.scss";
-import "element-plus/theme-chalk/src/checkbox.scss";
-import "element-plus/theme-chalk/src/checkbox-group.scss";
-import "element-plus/theme-chalk/src/button-group.scss";
-import "element-plus/theme-chalk/src/popper.scss";
-import "element-plus/theme-chalk/src/scrollbar.scss";
-import "element-plus/theme-chalk/src/dropdown.scss";
-const de = { class: "yahee-drop-down-condition" }, ve = { key: 0 }, fe = { style: { display: "flex", "align-items": "center", outline: "none" } }, pe = { key: 0 }, he = { style: { display: "flex", width: "auto", padding: "10px" } }, me = ["onClick"], ge = { class: "scrollable-container" }, ye = { key: 0 }, Ae = /* @__PURE__ */ se({
-  name: "YaheeDropDownCondition",
-  __name: "drop-down-condition",
-  props: {
-    filterList: {},
-    totalCount: {},
-    level1Count: {},
-    level2Count: {},
-    filterKey: {},
-    enumEntity: {},
-    noNeedRefreshNumFilterName: {},
-    initFilters: { type: Function }
-  },
-  emits: ["filterChange", "setNoNeedRefreshNumFilterName"],
-  setup(H, { emit: J }) {
-    const Q = g(), n = _({});
-    let K = _({});
-    const r = _({}), p = _({}), h = g(!0), m = H, $ = J, { filterKey: w, filterList: M, totalCount: C, level1Count: V, level2Count: F, noNeedRefreshNumFilterName: O } = ae(m), T = g(s.get(C, "value", 0)), S = g(s.get(V, "value", [])), B = g(s.get(F, "value", [])), c = g();
-    M.value && (c.value = [...M.value]);
-    function q(t) {
-      const { text: o, value: e } = t, l = n[o];
-      s.isNil(l) || s.isEmpty(l) ? n[o] = [e] : n[o] = [], p[o] = !p[o], p[o] ? (oe(o), r[o] = U.getBackgroundColor(!0), h.value = !1) : (ne(o), r[t.text] = {}, h.value = !0), h.value = L(), D();
-    }
-    function L() {
-      const t = c.value.filter((l) => !s.isEmpty(l.subs)).flatMap((l) => l.subs).length, o = c.value.filter((l) => s.isEmpty(l.subs)).length;
-      return Object.values(n).map((l) => l.length).reduce((l, f) => l + f, 0) === t + o || s.isEmpty(Object.values(n).flat());
-    }
-    function X(t) {
-      s.isEmpty(n[t.text]) ? (r[t.text] = {}, p[t.text] = !1) : n[t.text].length === s.get(t, "subs.length", 1) ? (r[t.text] = U.getBackgroundColor(!0), p[t.text] = !0) : r[t.text] = {
-        backgroundColor: "#0F7535",
-        color: "#fff",
-        borderColor: "#0F7535"
-      }, h.value = L(), D();
-    }
-    function Z() {
-      h.value = L(), D();
-    }
-    function D() {
-      $("setNoNeedRefreshNumFilterName", w.value);
-    }
-    function ee() {
-      h.value = !0;
-      for (const t in r)
-        r[t] = {};
-      for (const t in n)
-        delete n[t];
-      for (const t in p)
-        delete p[t];
-      I();
-    }
-    const te = (t) => U.getBackgroundColor(t);
-    function le(t) {
-      if (t)
-        K = s.cloneDeep(n);
-      else {
-        if (s.isEqual(K, n))
-          return;
-        I();
-      }
-    }
-    function I() {
-      $("filterChange", [
-        {
-          filterKey: w.value,
-          checkedValues: Object.values(n).flat()
-        }
-      ]);
-    }
-    function oe(t) {
-      const o = c.value.find((e) => e.text === t);
-      o && o.subs && (n[t] = o.subs.map((e) => e.value));
-    }
-    function ne(t) {
-      n[t] = [];
-    }
-    function ue() {
-      var e;
-      const t = `filter-key-${m.enumEntity}`, o = G.getWithExpireTime(t);
-      o ? c.value = o : (console.log(m.enumEntity), (e = m == null ? void 0 : m.initFilters(m.enumEntity)) == null || e.then((l) => {
-        console.log(l), c.value = l.data, G.setWithExpireTime(t, c.value, 1200 * 1e3), console.log(c.value);
-      }).catch((l) => {
-        console.log(l);
-      }));
-    }
-    return ce(
-      [() => C.value, () => V.value, () => F.value],
-      ([t, o, e], [l, f, A]) => {
-        console.log(t, o, e), console.log(l, f, A), (!O.value || !s.eq(O.value, w.value)) && (T.value = C.value, S.value = V.value, B.value = F.value);
-      }
-    ), re(() => {
-      ue();
-    }), (t, o) => (a(), i("div", de, [
-      W(u(P), {
-        size: "small",
-        class: "el-button el-button--small custom-total-button",
-        style: R(te(h.value)),
-        onClick: ee
-      }, {
-        default: d(() => [
-          k(v(u(x)("全部")) + " ", 1),
-          u(C) ? (a(), i("span", ve, "(" + v(T.value) + ")", 1)) : N("", !0)
-        ]),
-        _: 1
-      }, 8, ["style"]),
-      W(u(ie), {
-        ref_key: "dropdown1",
-        ref: Q,
-        "popper-class": "custom-dropdown",
-        onVisibleChange: le
-      }, {
-        dropdown: d(() => [
-          E("div", he, [
-            (a(!0), i(b, null, z(c.value, (e) => (a(), y(u(Y), {
-              key: e.value,
-              modelValue: n[e.text],
-              "onUpdate:modelValue": (l) => n[e.text] = l,
-              size: "small",
-              class: "checkbox-group inner-checkbox-group custom-dropdown-checkbox-group",
-              onChange: (l) => X(e)
-            }, {
-              default: d(() => [
-                u(s).isNil(e.subs) ? (a(), y(u(j), {
-                  key: 1,
-                  value: e.value,
-                  class: "checkbox custom-dropdown-button",
-                  border: ""
-                }, {
-                  default: d(() => [
-                    k(v(u(x)(e.text)), 1)
-                  ]),
-                  _: 2
-                }, 1032, ["value"])) : (a(), i(b, { key: 0 }, [
-                  E("span", {
-                    class: "el-button custom-dropdown-button el-button--small inner-el-button",
-                    style: R(r[e.text]),
-                    onClick: (l) => q(e)
-                  }, v(u(x)(e.text)), 13, me),
-                  E("div", ge, [
-                    (a(!0), i(b, null, z(e.subs, (l) => (a(), y(u(j), {
-                      key: l.value,
-                      class: "checkbox custom-dropdown-button",
-                      value: l.value,
-                      border: ""
-                    }, {
-                      default: d(() => {
-                        var f;
-                        return [
-                          k(v(u(x)(l.text)), 1),
-                          u(s).isEmpty(B.value) ? N("", !0) : (a(), i("span", ye, "(" + v((f = B.value.filter((A) => A.value == l.value)[0]) == null ? void 0 : f.count) + ")", 1))
-                        ];
-                      }),
-                      _: 2
-                    }, 1032, ["value"]))), 128))
-                  ])
-                ], 64))
-              ]),
-              _: 2
-            }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"]))), 128))
-          ])
-        ]),
-        default: d(() => [
-          E("div", fe, [
-            (a(!0), i(b, null, z(c.value, (e) => (a(), i(b, null, [
-              e.isCheckbox ? (a(), y(u(Y), {
-                key: e.value,
-                modelValue: n[e.text],
-                "onUpdate:modelValue": (l) => n[e.text] = l,
-                class: "checkbox-group",
-                size: "small",
-                onChange: Z
-              }, {
-                default: d(() => [
-                  e.isCheckbox ? (a(), y(u(j), {
-                    key: 0,
-                    class: "custom-dropdown-button",
-                    value: e.value,
-                    border: ""
-                  }, {
-                    default: d(() => [
-                      k(v(u(x)(e.text)), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["value"])) : N("", !0)
-                ]),
-                _: 2
-              }, 1032, ["modelValue", "onUpdate:modelValue"])) : (a(), y(u(P), {
-                key: e.text,
-                style: R(r[e.text]),
-                class: "custom-dropdown-button",
-                size: "small",
-                onClick: (l) => q(e)
-              }, {
-                default: d(() => {
-                  var l;
-                  return [
-                    k(v(u(x)(e.text)) + " ", 1),
-                    u(s).isEmpty(S.value) ? N("", !0) : (a(), i("span", pe, "(" + v((l = S.value.filter((f) => f.value == e.value)[0]) == null ? void 0 : l.count) + ")", 1))
-                  ];
-                }),
-                _: 2
-              }, 1032, ["style", "onClick"]))
-            ], 64))), 256))
-          ])
-        ]),
-        _: 1
-      }, 512)
-    ]));
-  }
-});
+import o from "./drop-down-condition.vue2.js";
+import "E:/工作/项目代码/common_componentsweb/packages/components/src/drop-down-condition/drop-down-condition.vue?vue&type=style&index=0&scoped=dcda9a8e&lang.scss";
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const d = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dcda9a8e"]]);
 export {
-  Ae as default
+  d as default
 };

package/es/drop-down-condition/drop-down-condition.vue2.js

@@ -1,4 +1,222 @@
-import f from "./drop-down-condition.vue.js";
+import { defineComponent as re, ref as g, reactive as E, toRefs as ie, watch as I, onMounted as de, resolveComponent as w, createElementBlock as f, openBlock as a, createVNode as A, normalizeStyle as R, withCtx as v, createTextVNode as y, createCommentVNode as z, toDisplayString as p, unref as i, createElementVNode as V, Fragment as _, renderList as L, createBlock as x } from "vue";
+import s from "../_virtual/lodash.js";
+import { stylesUtils as U } from "../utils/style.js";
+import { storage as J } from "../utils/storage.js";
+import { M2 as b } from "../utils/translate.js";
+const fe = { class: "yahee-drop-down-condition" }, ve = { key: 0 }, pe = { style: { display: "flex", "align-items": "center", outline: "none" } }, he = { key: 0 }, me = { style: { display: "flex", width: "auto", padding: "10px" } }, ge = ["onClick"], be = { class: "scrollable-container" }, ke = { key: 0 }, Ee = /* @__PURE__ */ re({
+  name: "YaheeDropDownCondition",
+  __name: "drop-down-condition",
+  props: {
+    filterList: {},
+    totalCount: {},
+    level1Count: {},
+    level2Count: {},
+    filterKey: {},
+    enumEntity: {},
+    noNeedRefreshNumFilterName: {},
+    initFilters: { type: Function }
+  },
+  emits: ["filterChange", "setNoNeedRefreshNumFilterName"],
+  setup(Q, { emit: X }) {
+    const Z = g(), n = E({}), $ = E({}), d = E({}), h = E({}), k = g(!0), r = g([]), m = Q, K = X, { filterKey: F, filterList: C, totalCount: S, level1Count: M, level2Count: T, noNeedRefreshNumFilterName: q } = ie(m), W = g(s.get(S, "value", 0)), j = g(s.get(M, "value", [])), B = g(s.get(T, "value", []));
+    function ee() {
+      if (C.value && C.value.length > 0) {
+        r.value = [...C.value];
+        return;
+      }
+      const e = `filter-key-${m.enumEntity}`, t = J.getWithExpireTime(e);
+      t ? r.value = t : m.initFilters && m.initFilters(m.enumEntity).then((o) => {
+        r.value = o.data, J.setWithExpireTime(e, r.value, 1200 * 1e3);
+      }).catch((o) => {
+        console.error(`获取${m.enumEntity}筛选列表失败:`, o);
+      });
+    }
+    function P(e) {
+      const { text: t, value: o } = e, c = n[t];
+      s.isNil(c) || s.isEmpty(c) ? n[t] = [o] : n[t] = [], h[t] = !h[t], h[t] ? (se(t), d[t] = U.getBackgroundColor(!0)) : (ue(t), d[e.text] = {}), k.value = D(), O();
+    }
+    function D() {
+      if (!r.value.length) return !0;
+      const e = r.value.filter((c) => !s.isEmpty(c.subs)).flatMap((c) => c.subs).length, t = r.value.filter((c) => s.isEmpty(c.subs)).length, o = Object.values(n).flat().length;
+      return o === e + t || o === 0;
+    }
+    function te(e) {
+      const t = n[e.text] || [], o = s.get(e, "subs.length", 1);
+      s.isEmpty(t) ? (d[e.text] = {}, h[e.text] = !1) : t.length === o ? (d[e.text] = U.getBackgroundColor(!0), h[e.text] = !0) : d[e.text] = {
+        backgroundColor: "#0F7535",
+        color: "#fff",
+        borderColor: "#0F7535"
+      }, k.value = D(), O();
+    }
+    function le() {
+      k.value = D(), O();
+    }
+    function O() {
+      K("setNoNeedRefreshNumFilterName", F.value);
+    }
+    function Y() {
+      k.value = !0, Object.keys(d).forEach((e) => {
+        d[e] = {};
+      }), Object.keys(n).forEach((e) => {
+        delete n[e];
+      }), Object.keys(h).forEach((e) => {
+        delete h[e];
+      }), G();
+    }
+    const oe = (e) => U.getBackgroundColor(e);
+    function ne(e) {
+      e ? Object.assign($, s.cloneDeep(n)) : s.isEqual($, n) || G();
+    }
+    function G() {
+      K("filterChange", [
+        {
+          filterKey: F.value,
+          checkedValues: Object.values(n).flat()
+        }
+      ]);
+    }
+    function se(e) {
+      const t = r.value.find((o) => o.text === e);
+      t != null && t.subs && (n[e] = t.subs.map((o) => o.value));
+    }
+    function ue(e) {
+      n[e] = [];
+    }
+    return I(
+      () => C.value,
+      (e) => {
+        e && e.length > 0 && (r.value = [...e], Y());
+      },
+      { deep: !0 }
+    ), I(
+      [() => S.value, () => M.value, () => T.value],
+      ([e, t, o]) => {
+        (!q.value || !s.eq(q.value, F.value)) && (W.value = e, j.value = t, B.value = o);
+      }
+    ), de(() => {
+      ee();
+    }), (e, t) => {
+      const o = w("el-button"), c = w("el-checkbox"), H = w("el-checkbox-group"), ae = w("el-dropdown");
+      return a(), f("div", fe, [
+        A(o, {
+          size: "small",
+          class: "el-button el-button--small custom-total-button",
+          style: R(oe(k.value)),
+          onClick: Y
+        }, {
+          default: v(() => [
+            y(p(i(b)("全部")) + " ", 1),
+            i(S) ? (a(), f("span", ve, "(" + p(W.value) + ")", 1)) : z("", !0)
+          ]),
+          _: 1
+        }, 8, ["style"]),
+        A(ae, {
+          ref_key: "dropdown1",
+          ref: Z,
+          "popper-class": "custom-dropdown",
+          onVisibleChange: ne
+        }, {
+          dropdown: v(() => [
+            V("div", me, [
+              (a(!0), f(_, null, L(r.value, (l) => (a(), x(H, {
+                key: l.value,
+                modelValue: n[l.text],
+                "onUpdate:modelValue": (u) => n[l.text] = u,
+                size: "small",
+                class: "checkbox-group inner-checkbox-group custom-dropdown-checkbox-group",
+                onChange: (u) => te(l)
+              }, {
+                default: v(() => [
+                  i(s).isNil(l.subs) ? (a(), x(c, {
+                    key: 1,
+                    value: l.value,
+                    class: "checkbox custom-dropdown-button",
+                    border: ""
+                  }, {
+                    default: v(() => [
+                      y(p(i(b)(l.text)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value"])) : (a(), f(_, { key: 0 }, [
+                    V("span", {
+                      class: "el-button custom-dropdown-button el-button--small inner-el-button",
+                      style: R(d[l.text]),
+                      onClick: (u) => P(l)
+                    }, p(i(b)(l.text)), 13, ge),
+                    V("div", be, [
+                      (a(!0), f(_, null, L(l.subs, (u) => (a(), x(c, {
+                        key: u.value,
+                        class: "checkbox custom-dropdown-button",
+                        value: u.value,
+                        border: ""
+                      }, {
+                        default: v(() => {
+                          var N;
+                          return [
+                            y(p(i(b)(u.text)), 1),
+                            i(s).isEmpty(B.value) ? z("", !0) : (a(), f("span", ke, "(" + p((N = B.value.filter((ce) => ce.value == u.value)[0]) == null ? void 0 : N.count) + ")", 1))
+                          ];
+                        }),
+                        _: 2
+                      }, 1032, ["value"]))), 128))
+                    ])
+                  ], 64))
+                ]),
+                _: 2
+              }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"]))), 128))
+            ])
+          ]),
+          default: v(() => [
+            V("div", pe, [
+              (a(!0), f(_, null, L(r.value, (l) => (a(), f(_, {
+                key: l.value
+              }, [
+                l.isCheckbox ? (a(), x(H, {
+                  key: 0,
+                  modelValue: n[l.text],
+                  "onUpdate:modelValue": (u) => n[l.text] = u,
+                  class: "checkbox-group",
+                  size: "small",
+                  onChange: le
+                }, {
+                  default: v(() => [
+                    A(c, {
+                      class: "custom-dropdown-button",
+                      value: l.value,
+                      border: ""
+                    }, {
+                      default: v(() => [
+                        y(p(i(b)(l.text)), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["value"])
+                  ]),
+                  _: 2
+                }, 1032, ["modelValue", "onUpdate:modelValue"])) : (a(), x(o, {
+                  key: 1,
+                  style: R(d[l.text]),
+                  class: "custom-dropdown-button",
+                  size: "small",
+                  onClick: (u) => P(l)
+                }, {
+                  default: v(() => {
+                    var u;
+                    return [
+                      y(p(i(b)(l.text)) + " ", 1),
+                      i(s).isEmpty(j.value) ? z("", !0) : (a(), f("span", he, "(" + p((u = j.value.filter((N) => N.value == l.value)[0]) == null ? void 0 : u.count) + ")", 1))
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["style", "onClick"]))
+              ], 64))), 128))
+            ])
+          ]),
+          _: 1
+        }, 512)
+      ]);
+    };
+  }
+});
 export {
-  f as default
+  Ee as default
 };

package/package.json

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

package/types/src/drop-down-condition/drop-down-condition.vue.d.ts

@@ -1,28 +1,42 @@
 import { DropdownEntity } from './drop-down-condition';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions, CreateComponentPublicInstanceWithMixins, ExtractPropTypes, PropType, ComputedRef, Ref, CSSProperties, VNodeProps, AllowedComponentProps, ComponentCustomProps, GlobalComponents, GlobalDirectives } from 'vue';
 import { TooltipTriggerType, PopperEffect, Placement, Options, ButtonProps, Translator, TooltipInstance } from 'element-plus';
+interface CountItem {
+    value: string;
+    count: number;
+}
 type __VLS_Props = {
-    filterList?: Array<DropdownEntity>;
+    /** 父子层级渲染条件项（优先级最高，传入后跳过接口请求） */
+    filterList?: DropdownEntity[];
+    /** 当前条件下显示的条数 */
     totalCount?: number;
-    level1Count?: Array<{
-        value: string;
-        count: number;
-    }>;
-    level2Count?: Array<{
-        value: string;
-        count: number;
-    }>;
+    /** 父级显示条数 */
+    level1Count?: CountItem[];
+    /** 子级显示数量 */
+    level2Count?: CountItem[];
+    /** 发往后端的请求参数key */
     filterKey: string;
+    /** 后端接口枚举标识（用于缓存key） */
     enumEntity: string;
+    /** 是否需要刷新当前项 */
     noNeedRefreshNumFilterName?: string;
-    initFilters?: Function;
+    /** 查询接口方法（仅当未传入filterList时调用） */
+    initFilters?: (enumEntity: string) => Promise<{
+        data: DropdownEntity[];
+    }>;
 };
 declare const _default: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    filterChange: (...args: any[]) => void;
-    setNoNeedRefreshNumFilterName: (...args: any[]) => void;
+    filterChange: (payload: {
+        filterKey: string;
+        checkedValues: string[];
+    }[]) => any;
+    setNoNeedRefreshNumFilterName: (filterKey: string) => any;
 }, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onFilterChange?: (...args: any[]) => any;
-    onSetNoNeedRefreshNumFilterName?: (...args: any[]) => any;
+    onFilterChange?: (payload: {
+        filterKey: string;
+        checkedValues: string[];
+    }[]) => any;
+    onSetNoNeedRefreshNumFilterName?: (filterKey: string) => any;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {
     dropdown1: CreateComponentPublicInstanceWithMixins<Readonly< ExtractPropTypes<{
         readonly trigger: {