color-star-custom-components 0.0.16 → 0.0.17

package/es/SearchBar.mjs

@@ -1,8 +1,8 @@
 import { w as ke } from "./chunks/index.bCzIhWFw.js";
-import { renderSlot as k, createElementBlock as $, openBlock as i, Fragment as F, renderList as E, createBlock as c, unref as t, withCtx as r, createTextVNode as V, toDisplayString as M, useCssVars as le, ref as p, computed as W, withModifiers as be, normalizeClass as N, mergeProps as g, createCommentVNode as O, withKeys as ge, onMounted as we, watch as Ve, createElementVNode as w, createVNode as m, createSlots as x, normalizeProps as H, guardReactiveProps as K, normalizeStyle as Ce } from "vue";
-import { ElButton as T, ElForm as De, ElFormItem as oe, ElInput as Z, ElDatePicker as $e, ElInputNumber as Ee, ElSwitch as xe, ElRadioGroup as We, ElRadio as Fe, ElCheckboxGroup as Me, ElCheckbox as Be, ElAutoResizer as _, ElPopover as Ue, ElIcon as ee, ElDrawer as Ie } from "element-plus";
-import { IconMagnify as Le, IconCheck as Pe, IconUp as Se, IconDown as Ne, IconShrink as Oe } from "color-message-lingyun-vue";
-import { operationConfigMap as D, emitsMap as f, labelPositionMap as P, componentType as v, dateParamsMap as Te, dateFormat as ae } from "color-star-custom-methods";
+import { renderSlot as b, createElementBlock as x, openBlock as i, Fragment as M, renderList as W, createBlock as c, unref as t, withCtx as r, createTextVNode as C, toDisplayString as B, useCssVars as le, ref as k, computed as $, withModifiers as be, normalizeClass as N, mergeProps as w, createCommentVNode as O, withKeys as ge, onMounted as we, watch as Ve, createElementVNode as V, createVNode as m, createSlots as F, normalizeProps as H, guardReactiveProps as K, normalizeStyle as Ce } from "vue";
+import { ElButton as T, ElForm as De, ElFormItem as oe, ElInput as Z, ElDatePicker as $e, ElInputNumber as Ee, ElSwitch as xe, ElRadioGroup as We, ElRadio as Fe, ElCheckboxGroup as Me, ElCheckbox as Be, ElAutoResizer as _, ElPopover as Ue, ElIcon as ee, ElDrawer as Le } from "element-plus";
+import { IconMagnify as Ie, IconCheck as Pe, IconUp as Se, IconDown as Ne, IconShrink as Oe } from "color-message-lingyun-vue";
+import { operationConfigMap as E, emitsMap as f, labelPositionMap as P, componentType as p, dateParamsMap as Te, dateFormat as ae } from "color-star-custom-methods";
 import { _ as ze } from "./chunks/layout.84FMC7pU.js";
 import { _ as Re } from "./chunks/layout.8QJjTbpS.js";
 import { _ as ne } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
@@ -11,12 +11,12 @@ import './assets/SearchBar.css';const je = [
   {
     type: "primary",
     label: "查询",
-    value: D.search
+    value: E.search
   },
   {
     type: "default",
     label: "重置",
-    value: D.reset,
+    value: E.reset,
     plain: !0
   }
 ], re = 320, q = {
@@ -28,22 +28,22 @@ import './assets/SearchBar.css';const je = [
     }
   },
   emits: [f.operation],
-  setup(a, { emit: B }) {
-    const C = B, u = (h) => {
-      C(f.operation, h);
+  setup(a, { emit: U }) {
+    const v = U, u = (h) => {
+      v(f.operation, h);
     };
-    return (h, n) => h.$slots.operation ? k(h.$slots, "operation", {
+    return (h, y) => h.$slots.operation ? b(h.$slots, "operation", {
       key: 0,
       operationList: a.operationList
-    }) : (i(!0), $(F, { key: 1 }, E(a.operationList, (y) => (i(), c(t(T), {
-      key: y.value,
-      type: y.type,
-      icon: y.icon,
-      plain: y.plain,
-      onClick: (e) => u(y.value)
+    }) : (i(!0), x(M, { key: 1 }, W(a.operationList, (n) => (i(), c(t(T), {
+      key: n.value,
+      type: n.type,
+      icon: n.icon,
+      plain: n.plain,
+      onClick: (D) => u(n.value)
     }, {
       default: r(() => [
-        V(M(y.label), 1)
+        C(B(n.label), 1)
       ]),
       _: 2
     }, 1032, ["type", "icon", "plain", "onClick"]))), 128));
@@ -109,12 +109,12 @@ import './assets/SearchBar.css';const je = [
     }
   },
   emits: [f.change, f.enter],
-  setup(a, { expose: B }) {
+  setup(a, { expose: U }) {
     le((n) => ({
-      v1bc7ee80: a.minWidth + "px"
+      f41bc21a: a.minWidth + "px"
     }));
-    const C = a, u = p(null), h = W(() => C.isFilter ? "filter-form" : C.isFilterPreview ? "filter-preview-form" : C.fixedWidth ? "search-bar-form search-bar-form-fixed" : "search-bar-form");
-    return B({
+    const v = a, u = k(null), h = $(() => v.isFilter ? "filter-form" : v.isFilterPreview ? "filter-preview-form" : v.fixedWidth ? "search-bar-form search-bar-form-fixed" : "search-bar-form"), y = $(() => v.showLabel ? v.labelWidth : "");
+    return U({
       validate: (n) => u.value ? u.value.validate(n) : Promise.resolve(!0),
       resetFields: () => {
         u.value && u.value.resetFields();
@@ -125,11 +125,11 @@ import './assets/SearchBar.css';const je = [
       scrollToField: (n) => {
         u.value && u.value.scrollToField(n);
       }
-    }), (n, y) => (i(), c(t(De), {
+    }), (n, D) => (i(), c(t(De), {
       ref_key: "formRef",
       ref: u,
       model: a.formData,
-      "label-width": a.labelWidth,
+      "label-width": y.value,
       "label-position": a.labelPosition,
       inline: a.inline,
       rules: a.rules,
@@ -137,11 +137,11 @@ import './assets/SearchBar.css';const je = [
         [h.value]: !0,
         "items-end display-grid": !a.isFilterPreview
       }),
-      onSubmit: y[0] || (y[0] = be(() => {
+      onSubmit: D[0] || (D[0] = be(() => {
       }, ["prevent", "stop"]))
     }, {
       default: r(() => [
-        (i(!0), $(F, null, E(a.items, (e) => (i(), c(t(oe), g({
+        (i(!0), x(M, null, W(a.items, (e) => (i(), c(t(oe), w({
           key: e.key,
           label: a.showLabel ? e.label : "",
           prop: e.key,
@@ -153,11 +153,11 @@ import './assets/SearchBar.css';const je = [
           ]
         }, { ref_for: !0 }, e), {
           default: r(() => [
-            k(n.$slots, e.key, {
+            b(n.$slots, e.key, {
               item: e,
               formData: a.formData
             }, () => [
-              e.type === t(v).text ? (i(), c(t(Z), g({
+              e.type === t(p).text ? (i(), c(t(Z), w({
                 key: 0,
                 modelValue: a.formData[e.key],
                 "onUpdate:modelValue": (l) => a.formData[e.key] = l
@@ -165,7 +165,7 @@ import './assets/SearchBar.css';const je = [
                 class: "w-full",
                 onChange: (l) => n.$emit(t(f).change, e.key, a.formData[e.key]),
                 onKeyup: ge((l) => n.$emit(t(f).enter, e.key, a.formData[e.key]), ["enter"])
-              }), null, 16, ["modelValue", "onUpdate:modelValue", "onChange", "onKeyup"])) : e.type === t(v).select ? (i(), c(ze, g({
+              }), null, 16, ["modelValue", "onUpdate:modelValue", "onChange", "onKeyup"])) : e.type === t(p).select ? (i(), c(ze, w({
                 key: 1,
                 modelValue: a.formData[e.key],
                 "onUpdate:modelValue": (l) => a.formData[e.key] = l,
@@ -173,7 +173,7 @@ import './assets/SearchBar.css';const je = [
               }, { ref_for: !0 }, e, {
                 onChange: (l) => n.$emit(t(f).change, e.key, a.formData[e.key]),
                 class: "w-full"
-              }), null, 16, ["modelValue", "onUpdate:modelValue", "static-options", "onChange"])) : e.type === t(v).date ? (i(), c(t($e), g({
+              }), null, 16, ["modelValue", "onUpdate:modelValue", "static-options", "onChange"])) : e.type === t(p).date ? (i(), c(t($e), w({
                 key: 2,
                 modelValue: a.formData[e.key],
                 "onUpdate:modelValue": (l) => a.formData[e.key] = l
@@ -186,60 +186,60 @@ import './assets/SearchBar.css';const je = [
                 "value-format": e.valueFormat || t(ae).dateTime,
                 class: "w-full",
                 onChange: (l) => n.$emit(t(f).change, e.key, a.formData[e.key])
-              }), null, 16, ["modelValue", "onUpdate:modelValue", "type", "format", "value-format", "onChange"])) : e.type === t(v).inputNumber ? (i(), c(t(Ee), g({
+              }), null, 16, ["modelValue", "onUpdate:modelValue", "type", "format", "value-format", "onChange"])) : e.type === t(p).inputNumber ? (i(), c(t(Ee), w({
                 key: 3,
                 modelValue: a.formData[e.key],
                 "onUpdate:modelValue": (l) => a.formData[e.key] = l
               }, { ref_for: !0 }, e, {
                 class: "w-full",
                 onChange: (l) => n.$emit(t(f).change, e.key, a.formData[e.key])
-              }), null, 16, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(v).switch ? (i(), c(t(xe), g({
+              }), null, 16, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(p).switch ? (i(), c(t(xe), w({
                 key: 4,
                 modelValue: a.formData[e.key],
                 "onUpdate:modelValue": (l) => a.formData[e.key] = l
               }, { ref_for: !0 }, e, {
                 onChange: (l) => n.$emit(t(f).change, e.key, a.formData[e.key])
-              }), null, 16, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(v).radio ? (i(), c(t(We), {
+              }), null, 16, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(p).radio ? (i(), c(t(We), {
                 key: 5,
                 modelValue: a.formData[e.key],
                 "onUpdate:modelValue": (l) => a.formData[e.key] = l,
                 onChange: (l) => n.$emit(t(f).change, e.key, a.formData[e.key])
               }, {
                 default: r(() => [
-                  (i(!0), $(F, null, E(e.options, (l) => (i(), c(t(Fe), {
+                  (i(!0), x(M, null, W(e.options, (l) => (i(), c(t(Fe), {
                     key: l.value,
                     label: l.value,
                     value: l.value,
                     disabled: l.disabled
                   }, {
                     default: r(() => [
-                      V(M(l.label), 1)
+                      C(B(l.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["label", "value", "disabled"]))), 128))
                 ]),
                 _: 2
-              }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(v).checkbox ? (i(), c(t(Me), {
+              }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(p).checkbox ? (i(), c(t(Me), {
                 key: 6,
                 modelValue: a.formData[e.key],
                 "onUpdate:modelValue": (l) => a.formData[e.key] = l,
                 onChange: (l) => n.$emit(t(f).change, e.key, a.formData[e.key])
               }, {
                 default: r(() => [
-                  (i(!0), $(F, null, E(e.options, (l) => (i(), c(t(Be), {
+                  (i(!0), x(M, null, W(e.options, (l) => (i(), c(t(Be), {
                     key: l.value,
                     label: l.value,
                     value: l.value,
                     disabled: l.disabled
                   }, {
                     default: r(() => [
-                      V(M(l.label), 1)
+                      C(B(l.label), 1)
                     ]),
                     _: 2
                   }, 1032, ["label", "value", "disabled"]))), 128))
                 ]),
                 _: 2
-              }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(v).textarea ? (i(), c(t(Z), g({
+              }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(p).textarea ? (i(), c(t(Z), w({
                 key: 7,
                 modelValue: a.formData[e.key],
                 "onUpdate:modelValue": (l) => a.formData[e.key] = l
@@ -247,7 +247,7 @@ import './assets/SearchBar.css';const je = [
                 class: "w-full",
                 type: "textarea",
                 onChange: (l) => n.$emit(t(f).change, e.key, a.formData[e.key])
-              }), null, 16, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(v).upload ? (i(), c(Re, g({
+              }), null, 16, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(p).upload ? (i(), c(Re, w({
                 key: 8,
                 modelValue: a.formData[e.key],
                 "onUpdate:modelValue": (l) => a.formData[e.key] = l
@@ -256,12 +256,12 @@ import './assets/SearchBar.css';const je = [
           ]),
           _: 2
         }, 1040, ["label", "prop", "show-label", "class"]))), 128)),
-        k(n.$slots, "default", {}, void 0, !0)
+        b(n.$slots, "default", {}, void 0, !0)
       ]),
       _: 3
     }, 8, ["model", "label-width", "label-position", "inline", "rules", "class"]));
   }
-}), G = /* @__PURE__ */ ne(Ae, [["__scopeId", "data-v-79352bf5"]]), He = { class: "h-32 w-full" }, Ke = { class: "flex items-center justify-between pd-b-20" }, qe = { class: "text-right" }, Ge = { class: "drawer-header" }, Je = { class: "flex-1 pd-l-16 pd-r-16 overflow-y-auto" }, Qe = { class: "text-right border-top pd-t-16 pd-l-16 pd-r-16" }, Xe = /* @__PURE__ */ Object.assign({
+}), G = /* @__PURE__ */ ne(Ae, [["__scopeId", "data-v-8a6daca8"]]), He = { class: "h-32 w-full" }, Ke = { class: "flex items-center justify-between pd-b-20" }, qe = { class: "text-right" }, Ge = { class: "drawer-header" }, Je = { class: "flex-1 pd-l-16 pd-r-16 overflow-y-auto" }, Qe = { class: "text-right border-top pd-t-16 pd-l-16 pd-r-16" }, Xe = /* @__PURE__ */ Object.assign({
   name: "SearchBar"
 }, {
   __name: "layout",
@@ -323,12 +323,12 @@ import './assets/SearchBar.css';const je = [
     }
   },
   emits: [f.updateModelValue, f.operation, f.change],
-  setup(a, { expose: B, emit: C }) {
+  setup(a, { expose: U, emit: v }) {
     le((o) => ({
       v6f01ec42: a.maxHeight + "px",
       v0a879a66: S.value ? S.value + "px" : "100%"
     }));
-    const u = a, h = C, n = p({}), y = p(!u.isExpand), e = p(null), l = p(!1), U = p(!1), z = p(!1), ie = W(() => {
+    const u = a, h = v, y = k({}), n = k(!u.isExpand), D = k(null), e = k(!1), l = k(!1), z = k(!1), ie = $(() => {
       const o = {};
       return u.items.forEach((d) => {
         if (d.required) {
@@ -336,35 +336,35 @@ import './assets/SearchBar.css';const je = [
           typeof d.validator == "function" && s.push({ validator: d.validator, trigger: "blur" }), o[d.key] = s;
         }
       }), o;
-    }), R = W(() => u.items?.filter((o) => !o.hidden) || []), J = W(() => u.filterMode ? R.value?.slice(0, 2) || [] : R.value), I = W(() => u.filterMode ? R.value.slice(2) : []), Q = (o) => {
-      n.value = { ...o };
+    }), R = $(() => u.items?.filter((o) => !o.hidden) || []), J = $(() => u.filterMode ? R.value?.slice(0, 2) || [] : R.value), L = $(() => u.filterMode ? R.value.slice(2) : []), Q = (o) => {
+      y.value = { ...o };
     }, ue = () => {
-      h(f.updateModelValue, { ...n.value });
+      h(f.updateModelValue, { ...y.value });
     }, de = (o, d) => {
-      n.value[o] = d, z.value = !0, L(D.search), setTimeout(() => {
+      y.value[o] = d, z.value = !0, I(E.search), setTimeout(() => {
         z.value = !1;
       }, 200), j(o, d);
     }, j = (o, d) => {
       o && h(f.change, o, d);
-    }, se = () => n.value, A = (o, d) => {
-      z.value || h(f.operation, D.search, n.value);
-    }, L = (o) => {
-      ue(), h(f.operation, o, n.value), (o === D.search || o === D.reset) && (l.value = !1, U.value = !1);
-    }, fe = (o) => e.value.validate(o), S = p(0), me = (o) => {
+    }, se = () => y.value, A = (o, d) => {
+      z.value || h(f.operation, E.search, y.value);
+    }, I = (o) => {
+      ue(), h(f.operation, o, y.value), (o === E.search || o === E.reset) && (e.value = !1, l.value = !1);
+    }, fe = (o) => D.value.validate(o), S = k(0), me = (o) => {
       if (u.fixedWidth) {
         S.value = 132;
         return;
       }
       S.value = o + 32;
     }, ce = () => {
-      y.value = !y.value;
+      n.value = !n.value;
     }, ye = () => {
-      l.value = !1, U.value = !0;
+      e.value = !1, l.value = !0;
     }, he = () => {
-      U.value = !1, l.value = !0;
-    }, X = p(!1), Y = (o) => {
+      l.value = !1, e.value = !0;
+    }, X = k(!1), Y = (o) => {
       X.value = o > u.maxHeight;
-    }, ve = W(() => u.filterMode || y.value ? "10px" : "0");
+    }, ve = $(() => u.filterMode || n.value ? "10px" : "0");
     return we(() => {
       Q(u.modelValue), Y();
     }), Ve(
@@ -373,29 +373,29 @@ import './assets/SearchBar.css';const je = [
         Q(o);
       },
       { immediate: !0, deep: !0 }
-    ), B({
+    ), U({
       validate: fe,
       getFormData: se,
       // clearValidate,
       // resetFields,
       // scrollToField,
-      formRef: e
-    }), (o, d) => (i(), $("div", {
+      formRef: D
+    }), (o, d) => (i(), x("div", {
       class: N(["relative overflow-hidden w-full", { flex: a.filterMode }])
     }, [
-      w("div", {
+      V("div", {
         class: N({
-          "is-collapsed overflow-hidden": !y.value
+          "is-collapsed overflow-hidden": !n.value
         })
       }, [
         m(t(_), null, {
           default: r(({ height: s }) => [
-            V(M(Y(s)) + " ", 1),
+            C(B(Y(s)) + " ", 1),
             m(G, {
               ref_key: "formRef",
-              ref: e,
+              ref: D,
               items: J.value,
-              "form-data": n.value,
+              "form-data": y.value,
               rules: ie.value,
               "label-width": a.labelWidth,
               "label-position": a.labelPosition,
@@ -406,14 +406,14 @@ import './assets/SearchBar.css';const je = [
               fixedWidth: a.fixedWidth,
               onChange: de,
               onEnter: A
-            }, x({
+            }, F({
               default: r(() => [
                 a.isExpand && !a.filterMode ? (i(), c(t(oe), { key: 0 }, {
                   default: r(() => [
-                    w("div", He, [
+                    V("div", He, [
                       m(t(_), null, {
-                        default: r(({ width: b }) => [
-                          V(M(me(b)), 1)
+                        default: r(({ width: g }) => [
+                          C(B(me(g)), 1)
                         ]),
                         _: 1
                       })
@@ -424,10 +424,10 @@ import './assets/SearchBar.css';const je = [
               ]),
               _: 2
             }, [
-              E(J.value, (b) => ({
-                name: b.key,
+              W(J.value, (g) => ({
+                name: g.key,
                 fn: r((pe) => [
-                  k(o.$slots, b.key, H(K(pe)), void 0, !0)
+                  b(o.$slots, g.key, H(K(pe)), void 0, !0)
                 ])
               }))
             ]), 1032, ["items", "form-data", "rules", "label-width", "label-position", "show-label", "min-width", "is-filter-preview", "fixedWidth"])
@@ -435,7 +435,7 @@ import './assets/SearchBar.css';const je = [
           _: 3
         })
       ], 2),
-      w("div", {
+      V("div", {
         class: N(["operation-buttons", {
           "absolute right-0  text-right": a.isExpand && !a.filterMode,
           "text-left": a.filterMode,
@@ -443,37 +443,37 @@ import './assets/SearchBar.css';const je = [
         }]),
         style: Ce({ bottom: ve.value })
       }, [
-        a.filterMode ? (i(), $(F, { key: 0 }, [
+        a.filterMode ? (i(), x(M, { key: 0 }, [
           m(t(T), {
-            onClick: d[0] || (d[0] = (s) => L(t(D).reset)),
+            onClick: d[0] || (d[0] = (s) => I(t(E).reset)),
             type: "default"
           }, {
             default: r(() => [...d[3] || (d[3] = [
-              V("重置", -1)
+              C("重置", -1)
             ])]),
             _: 1
           }),
-          I.value?.length ? (i(), c(t(Ue), {
+          L.value?.length ? (i(), c(t(Ue), {
             key: 0,
-            visible: l.value,
+            visible: e.value,
             placement: "bottom-start",
             width: 628,
             trigger: "click"
           }, {
             reference: r(() => [
               m(t(T), {
-                onClick: d[1] || (d[1] = (s) => l.value = !l.value),
+                onClick: d[1] || (d[1] = (s) => e.value = !e.value),
                 icon: t(Pe),
                 type: "default"
               }, {
                 default: r(() => [...d[4] || (d[4] = [
-                  V(" 筛选器 ", -1)
+                  C(" 筛选器 ", -1)
                 ])]),
                 _: 1
               }, 8, ["icon"])
             ]),
             default: r(() => [
-              w("div", Ke, [
+              V("div", Ke, [
                 m(te, {
                   content: "筛选器",
                   fontSize: 16
@@ -483,14 +483,14 @@ import './assets/SearchBar.css';const je = [
                   onClick: ye
                 }, {
                   default: r(() => [
-                    m(t(Le))
+                    m(t(Ie))
                   ]),
                   _: 1
                 })
               ]),
               m(G, {
-                items: I.value,
-                "form-data": n.value,
+                items: L.value,
+                "form-data": y.value,
                 "label-width": "auto",
                 "label-position": "top",
                 inline: !1,
@@ -500,23 +500,23 @@ import './assets/SearchBar.css';const je = [
                 class: "filter-form-popover overflow-y-auto",
                 onChange: j,
                 onEnter: A
-              }, x({ _: 2 }, [
-                E(I.value, (s) => ({
+              }, F({ _: 2 }, [
+                W(L.value, (s) => ({
                   name: s.key,
-                  fn: r((b) => [
-                    k(o.$slots, s.key, H(K(b)), void 0, !0)
+                  fn: r((g) => [
+                    b(o.$slots, s.key, H(K(g)), void 0, !0)
                   ])
                 }))
               ]), 1032, ["items", "form-data", "min-width"]),
-              w("div", qe, [
+              V("div", qe, [
                 m(q, {
                   "operation-list": a.operationList,
-                  onOperation: L
-                }, x({ _: 2 }, [
+                  onOperation: I
+                }, F({ _: 2 }, [
                   o.$slots.operation ? {
                     name: "operation",
                     fn: r(({ operationList: s }) => [
-                      k(o.$slots, "operation", { operationList: s }, void 0, !0)
+                      b(o.$slots, "operation", { operationList: s }, void 0, !0)
                     ]),
                     key: "0"
                   } : void 0
@@ -525,40 +525,40 @@ import './assets/SearchBar.css';const je = [
             ]),
             _: 3
           }, 8, ["visible"])) : O("", !0)
-        ], 64)) : (i(), $(F, { key: 1 }, [
+        ], 64)) : (i(), x(M, { key: 1 }, [
           X.value && a.isExpand && a.hideExpandButton ? (i(), c(t(T), {
             key: 0,
-            icon: y.value ? t(Se) : t(Ne),
+            icon: n.value ? t(Se) : t(Ne),
             text: "",
             onClick: ce
           }, {
             default: r(() => [
-              V(M(y.value ? "收起" : "展开"), 1)
+              C(B(n.value ? "收起" : "展开"), 1)
             ]),
             _: 1
           }, 8, ["icon"])) : O("", !0),
           m(q, {
             "operation-list": a.operationList,
-            onOperation: L
-          }, x({ _: 2 }, [
+            onOperation: I
+          }, F({ _: 2 }, [
             o.$slots.operation ? {
               name: "operation",
               fn: r(({ operationList: s }) => [
-                k(o.$slots, "operation", { operationList: s }, void 0, !0)
+                b(o.$slots, "operation", { operationList: s }, void 0, !0)
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["operation-list"])
         ], 64))
       ], 6),
-      m(t(Ie), {
-        modelValue: U.value,
-        "onUpdate:modelValue": d[2] || (d[2] = (s) => U.value = s),
+      m(t(Le), {
+        modelValue: l.value,
+        "onUpdate:modelValue": d[2] || (d[2] = (s) => l.value = s),
         size: "628",
         "show-close": !1
       }, {
         header: r(() => [
-          w("div", Ge, [
+          V("div", Ge, [
             m(te, {
               content: "筛选器",
               fontSize: 16
@@ -576,10 +576,10 @@ import './assets/SearchBar.css';const je = [
           ])
         ]),
         default: r(() => [
-          w("div", Je, [
+          V("div", Je, [
             m(G, {
-              items: I.value,
-              "form-data": n.value,
+              items: L.value,
+              "form-data": y.value,
               "label-width": "auto",
               "label-position": "top",
               inline: !1,
@@ -588,24 +588,24 @@ import './assets/SearchBar.css';const je = [
               "min-width": a.minWidth,
               onChange: j,
               onEnter: A
-            }, x({ _: 2 }, [
-              E(I.value, (s) => ({
+            }, F({ _: 2 }, [
+              W(L.value, (s) => ({
                 name: s.key,
-                fn: r((b) => [
-                  k(o.$slots, s.key, H(K(b)), void 0, !0)
+                fn: r((g) => [
+                  b(o.$slots, s.key, H(K(g)), void 0, !0)
                 ])
               }))
             ]), 1032, ["items", "form-data", "min-width"])
           ]),
-          w("div", Qe, [
+          V("div", Qe, [
             m(q, {
               "operation-list": a.operationList,
-              onOperation: L
-            }, x({ _: 2 }, [
+              onOperation: I
+            }, F({ _: 2 }, [
               o.$slots.operation ? {
                 name: "operation",
                 fn: r(({ operationList: s }) => [
-                  k(o.$slots, "operation", { operationList: s }, void 0, !0)
+                  b(o.$slots, "operation", { operationList: s }, void 0, !0)
                 ]),
                 key: "0"
               } : void 0

package/es/assets/SearchBar.css

@@ -1 +1 @@
-.filter-form[data-v-79352bf5]{grid-template-columns:repeat(2,1fr);gap:10px}.filter-preview-form[data-v-79352bf5]{display:flex}.filter-preview-form .el-form-item[data-v-79352bf5]{width:var(--v1bc7ee80);margin-right:10px}.search-bar-form[data-v-79352bf5]{grid-template-columns:repeat(auto-fit,minmax(var(--v1bc7ee80),1fr));gap:10px}.search-bar-form.search-bar-form-fixed[data-v-79352bf5]{grid-template-columns:repeat(auto-fit,var(--v1bc7ee80))}.search-bar-form.search-bar-form-fixed.el-form--inline .el-form-item[data-v-79352bf5]{margin-bottom:18px}.search-bar-form.el-form--inline .el-form-item[data-v-79352bf5]{margin-right:0;margin-bottom:10px}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-79352bf5]{display:flex;padding:0 14px;background:var(--neutral-color-18);border-radius:8px;border:1px solid var(--parting-line)}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-79352bf5] .el-form-item__content{justify-content:end}.search-bar-form.el-form--inline.el-form--label-top[data-v-79352bf5]{display:grid}.search-bar-item--wide[data-v-79352bf5]{grid-column:span 2}.is-collapsed[data-v-43e6f39f]{max-height:var(--v6f01ec42)}.operation-buttons[data-v-43e6f39f]{width:var(--v0a879a66);z-index:1}.h-32[data-v-43e6f39f]{height:32px}.drawer-header[data-v-43e6f39f]{display:flex;justify-content:space-between;align-items:center;width:100%}.drawer-header .shrink-button[data-v-43e6f39f]{margin-left:auto}.border-top[data-v-43e6f39f]{border-top:1px solid var(--parting-line)}[data-v-43e6f39f] .el-drawer__body{padding:16px 0;display:flex;flex-direction:column;overflow:hidden}.filter-form-popover[data-v-43e6f39f]{max-height:400px}[data-v-43e6f39f] .el-drawer__header{margin-bottom:0;padding:16px 16px 0}
+.filter-form[data-v-8a6daca8]{grid-template-columns:repeat(2,1fr);gap:10px}.filter-preview-form[data-v-8a6daca8]{display:flex}.filter-preview-form .el-form-item[data-v-8a6daca8]{width:var(--f41bc21a);margin-right:10px}.search-bar-form[data-v-8a6daca8]{grid-template-columns:repeat(auto-fit,minmax(var(--f41bc21a),1fr));gap:10px}.search-bar-form.search-bar-form-fixed[data-v-8a6daca8]{grid-template-columns:repeat(auto-fit,var(--f41bc21a))}.search-bar-form.search-bar-form-fixed.el-form--inline .el-form-item[data-v-8a6daca8]{margin-bottom:18px}.search-bar-form.el-form--inline .el-form-item[data-v-8a6daca8]{margin-right:0;margin-bottom:10px}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-8a6daca8]{display:flex;padding:0 14px;background:var(--neutral-color-18);border-radius:8px;border:1px solid var(--parting-line)}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-8a6daca8] .el-form-item__content{justify-content:end}.search-bar-form.el-form--inline.el-form--label-top[data-v-8a6daca8]{display:grid}.search-bar-item--wide[data-v-8a6daca8]{grid-column:span 2}.is-collapsed[data-v-43e6f39f]{max-height:var(--v6f01ec42)}.operation-buttons[data-v-43e6f39f]{width:var(--v0a879a66);z-index:1}.h-32[data-v-43e6f39f]{height:32px}.drawer-header[data-v-43e6f39f]{display:flex;justify-content:space-between;align-items:center;width:100%}.drawer-header .shrink-button[data-v-43e6f39f]{margin-left:auto}.border-top[data-v-43e6f39f]{border-top:1px solid var(--parting-line)}[data-v-43e6f39f] .el-drawer__body{padding:16px 0;display:flex;flex-direction:column;overflow:hidden}.filter-form-popover[data-v-43e6f39f]{max-height:400px}[data-v-43e6f39f] .el-drawer__header{margin-bottom:0;padding:16px 16px 0}

package/lib/SearchBar.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./assets/SearchBar.css');const K=require("./chunks/index.CkihWzK6.js"),e=require("vue"),d=require("element-plus"),g=require("color-message-lingyun-vue"),o=require("color-star-custom-methods"),G=require("./chunks/layout.DF2j_cdu.js"),J=require("./chunks/layout.whToBh0O.js"),P=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),S=require("./chunks/layout.DDB7i4jV.js"),Q=[{type:"primary",label:"查询",value:o.operationConfigMap.search},{type:"default",label:"重置",value:o.operationConfigMap.reset,plain:!0}],F=320,x={__name:"OperationButtons",props:{operationList:{type:Array,default:()=>[]}},emits:[o.emitsMap.operation],setup(a,{emit:h}){const p=h,i=c=>{p(o.emitsMap.operation,c)};return(c,n)=>c.$slots.operation?e.renderSlot(c.$slots,"operation",{key:0,operationList:a.operationList}):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(a.operationList,f=>(e.openBlock(),e.createBlock(e.unref(d.ElButton),{key:f.value,type:f.type,icon:f.icon,plain:f.plain,onClick:t=>i(f.value)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.label),1)]),_:2},1032,["type","icon","plain","onClick"]))),128))}},X=Object.assign({name:"FormWrapper"},{__name:"FormWrapper",props:{items:{type:Array,default:()=>[]},formData:{type:Object,default:()=>({})},rules:{type:Object,default:()=>({})},labelWidth:{type:[String,Number],default:"auto"},labelPosition:{type:String,default:o.labelPositionMap.right},showLabel:{type:Boolean,default:!0},inline:{type:Boolean,default:!1},isFilter:{type:Boolean,default:!1},isFilterPreview:{type:Boolean,default:!1},minWidth:{type:Number,default:F},fixedWidth:{type:Boolean,default:!1}},emits:[o.emitsMap.change,o.emitsMap.enter],setup(a,{expose:h}){e.useCssVars(n=>({v1bc7ee80:a.minWidth+"px"}));const p=a,i=e.ref(null),c=e.computed(()=>p.isFilter?"filter-form":p.isFilterPreview?"filter-preview-form":p.fixedWidth?"search-bar-form search-bar-form-fixed":"search-bar-form");return h({validate:n=>i.value?i.value.validate(n):Promise.resolve(!0),resetFields:()=>{i.value&&i.value.resetFields()},clearValidate:n=>{i.value&&i.value.clearValidate(n)},scrollToField:n=>{i.value&&i.value.scrollToField(n)}}),(n,f)=>(e.openBlock(),e.createBlock(e.unref(d.ElForm),{ref_key:"formRef",ref:i,model:a.formData,"label-width":a.labelWidth,"label-position":a.labelPosition,inline:a.inline,rules:a.rules,class:e.normalizeClass({[c.value]:!0,"items-end display-grid":!a.isFilterPreview}),onSubmit:f[0]||(f[0]=e.withModifiers(()=>{},["prevent","stop"]))},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.items,t=>(e.openBlock(),e.createBlock(e.unref(d.ElFormItem),e.mergeProps({key:t.key,label:a.showLabel?t.label:"",prop:t.key,"show-label":a.showLabel,class:[{"search-bar-item--wide":t.wide}]},{ref_for:!0},t),{default:e.withCtx(()=>[e.renderSlot(n.$slots,t.key,{item:t,formData:a.formData},()=>[t.type===e.unref(o.componentType).text?(e.openBlock(),e.createBlock(e.unref(d.ElInput),e.mergeProps({key:0,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{ref_for:!0},t,{class:"w-full",onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key]),onKeyup:e.withKeys(l=>n.$emit(e.unref(o.emitsMap).enter,t.key,a.formData[t.key]),["enter"])}),null,16,["modelValue","onUpdate:modelValue","onChange","onKeyup"])):t.type===e.unref(o.componentType).select?(e.openBlock(),e.createBlock(G._sfc_main,e.mergeProps({key:1,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l,"static-options":t.options},{ref_for:!0},t,{onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key]),class:"w-full"}),null,16,["modelValue","onUpdate:modelValue","static-options","onChange"])):t.type===e.unref(o.componentType).date?(e.openBlock(),e.createBlock(e.unref(d.ElDatePicker),e.mergeProps({key:2,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{ref_for:!0},{...e.unref(o.dateParamsMap)[t.dateType],...t},{type:t.dateType,format:t.format||e.unref(o.dateFormat).date,"value-format":t.valueFormat||e.unref(o.dateFormat).dateTime,class:"w-full",onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])}),null,16,["modelValue","onUpdate:modelValue","type","format","value-format","onChange"])):t.type===e.unref(o.componentType).inputNumber?(e.openBlock(),e.createBlock(e.unref(d.ElInputNumber),e.mergeProps({key:3,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{ref_for:!0},t,{class:"w-full",onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])}),null,16,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(o.componentType).switch?(e.openBlock(),e.createBlock(e.unref(d.ElSwitch),e.mergeProps({key:4,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{ref_for:!0},t,{onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])}),null,16,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(o.componentType).radio?(e.openBlock(),e.createBlock(e.unref(d.ElRadioGroup),{key:5,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l,onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,l=>(e.openBlock(),e.createBlock(e.unref(d.ElRadio),{key:l.value,label:l.value,value:l.value,disabled:l.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.label),1)]),_:2},1032,["label","value","disabled"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(o.componentType).checkbox?(e.openBlock(),e.createBlock(e.unref(d.ElCheckboxGroup),{key:6,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l,onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,l=>(e.openBlock(),e.createBlock(e.unref(d.ElCheckbox),{key:l.value,label:l.value,value:l.value,disabled:l.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.label),1)]),_:2},1032,["label","value","disabled"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(o.componentType).textarea?(e.openBlock(),e.createBlock(e.unref(d.ElInput),e.mergeProps({key:7,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{ref_for:!0},t,{class:"w-full",type:"textarea",onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])}),null,16,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(o.componentType).upload?(e.openBlock(),e.createBlock(J._layout,e.mergeProps({key:8,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{ref_for:!0},t),null,16,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0)],!0)]),_:2},1040,["label","prop","show-label","class"]))),128)),e.renderSlot(n.$slots,"default",{},void 0,!0)]),_:3},8,["model","label-width","label-position","inline","rules","class"]))}}),E=P._export_sfc(X,[["__scopeId","data-v-79352bf5"]]),Y={class:"h-32 w-full"},Z={class:"flex items-center justify-between pd-b-20"},_={class:"text-right"},ee={class:"drawer-header"},te={class:"flex-1 pd-l-16 pd-r-16 overflow-y-auto"},ae={class:"text-right border-top pd-t-16 pd-l-16 pd-r-16"},le=Object.assign({name:"SearchBar"},{__name:"layout",props:{items:{type:Array,default:()=>[]},modelValue:{type:Object,default:()=>({})},labelWidth:{type:[String,Number],default:"auto"},labelPosition:{type:String,default:o.labelPositionMap.right,validator:a=>[o.labelPositionMap.left,o.labelPositionMap.right,o.labelPositionMap.top].includes(a)},isExpand:{type:Boolean,default:!0},maxHeight:{type:Number,default:84},minWidth:{type:Number,default:F},operationList:{type:Array,default:Q},filterMode:{type:Boolean,default:!0},hideExpandButton:{type:Boolean,default:!0},fixedWidth:{type:Boolean,default:!1}},emits:[o.emitsMap.updateModelValue,o.emitsMap.operation,o.emitsMap.change],setup(a,{expose:h,emit:p}){e.useCssVars(r=>({v6f01ec42:a.maxHeight+"px",v0a879a66:b.value?b.value+"px":"100%"}));const i=a,c=p,n=e.ref({}),f=e.ref(!i.isExpand),t=e.ref(null),l=e.ref(!1),y=e.ref(!1),V=e.ref(!1),W=e.computed(()=>{const r={};return i.items.forEach(u=>{if(u.required){const s=[{required:!0,message:`${u.label}不能为空`,trigger:"blur"}];typeof u.validator=="function"&&s.push({validator:u.validator,trigger:"blur"}),r[u.key]=s}}),r}),w=e.computed(()=>i.items?.filter(r=>!r.hidden)||[]),M=e.computed(()=>i.filterMode?w.value?.slice(0,2)||[]:w.value),k=e.computed(()=>i.filterMode?w.value.slice(2):[]),D=r=>{n.value={...r}},L=()=>{c(o.emitsMap.updateModelValue,{...n.value})},U=(r,u)=>{n.value[r]=u,V.value=!0,v(o.operationConfigMap.search),setTimeout(()=>{V.value=!1},200),C(r,u)},C=(r,u)=>{r&&c(o.emitsMap.change,r,u)},I=()=>n.value,B=(r,u)=>{V.value||c(o.emitsMap.operation,o.operationConfigMap.search,n.value)},v=r=>{L(),c(o.emitsMap.operation,r,n.value),(r===o.operationConfigMap.search||r===o.operationConfigMap.reset)&&(l.value=!1,y.value=!1)},z=r=>t.value.validate(r),b=e.ref(0),O=r=>{if(i.fixedWidth){b.value=132;return}b.value=r+32},R=()=>{f.value=!f.value},q=()=>{l.value=!1,y.value=!0},j=()=>{y.value=!1,l.value=!0},N=e.ref(!1),$=r=>{N.value=r>i.maxHeight},A=e.computed(()=>i.filterMode||f.value?"10px":"0");return e.onMounted(()=>{D(i.modelValue),$()}),e.watch(()=>i.modelValue,r=>{D(r)},{immediate:!0,deep:!0}),h({validate:z,getFormData:I,formRef:t}),(r,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["relative overflow-hidden w-full",{flex:a.filterMode}])},[e.createElementVNode("div",{class:e.normalizeClass({"is-collapsed overflow-hidden":!f.value})},[e.createVNode(e.unref(d.ElAutoResizer),null,{default:e.withCtx(({height:s})=>[e.createTextVNode(e.toDisplayString($(s))+" ",1),e.createVNode(E,{ref_key:"formRef",ref:t,items:M.value,"form-data":n.value,rules:W.value,"label-width":a.labelWidth,"label-position":a.labelPosition,inline:!0,"show-label":!a.filterMode,"min-width":a.minWidth,"is-filter-preview":a.filterMode,fixedWidth:a.fixedWidth,onChange:U,onEnter:B},e.createSlots({default:e.withCtx(()=>[a.isExpand&&!a.filterMode?(e.openBlock(),e.createBlock(e.unref(d.ElFormItem),{key:0},{default:e.withCtx(()=>[e.createElementVNode("div",Y,[e.createVNode(e.unref(d.ElAutoResizer),null,{default:e.withCtx(({width:m})=>[e.createTextVNode(e.toDisplayString(O(m)),1)]),_:1})])]),_:1})):e.createCommentVNode("",!0)]),_:2},[e.renderList(M.value,m=>({name:m.key,fn:e.withCtx(H=>[e.renderSlot(r.$slots,m.key,e.normalizeProps(e.guardReactiveProps(H)),void 0,!0)])}))]),1032,["items","form-data","rules","label-width","label-position","show-label","min-width","is-filter-preview","fixedWidth"])]),_:3})],2),e.createElementVNode("div",{class:e.normalizeClass(["operation-buttons",{"absolute right-0  text-right":a.isExpand&&!a.filterMode,"text-left":a.filterMode,"bg-fff":a.isExpand&&!a.filterMode&&!a.fixedWidth}]),style:e.normalizeStyle({bottom:A.value})},[a.filterMode?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(d.ElButton),{onClick:u[0]||(u[0]=s=>v(e.unref(o.operationConfigMap).reset)),type:"default"},{default:e.withCtx(()=>[...u[3]||(u[3]=[e.createTextVNode("重置",-1)])]),_:1}),k.value?.length?(e.openBlock(),e.createBlock(e.unref(d.ElPopover),{key:0,visible:l.value,placement:"bottom-start",width:628,trigger:"click"},{reference:e.withCtx(()=>[e.createVNode(e.unref(d.ElButton),{onClick:u[1]||(u[1]=s=>l.value=!l.value),icon:e.unref(g.IconCheck),type:"default"},{default:e.withCtx(()=>[...u[4]||(u[4]=[e.createTextVNode(" 筛选器 ",-1)])]),_:1},8,["icon"])]),default:e.withCtx(()=>[e.createElementVNode("div",Z,[e.createVNode(S.CustomTitle,{content:"筛选器",fontSize:16}),e.createVNode(e.unref(d.ElIcon),{size:16,onClick:q},{default:e.withCtx(()=>[e.createVNode(e.unref(g.IconMagnify))]),_:1})]),e.createVNode(E,{items:k.value,"form-data":n.value,"label-width":"auto","label-position":"top",inline:!1,"show-label":!0,"is-filter":!0,"min-width":a.minWidth,class:"filter-form-popover overflow-y-auto",onChange:C,onEnter:B},e.createSlots({_:2},[e.renderList(k.value,s=>({name:s.key,fn:e.withCtx(m=>[e.renderSlot(r.$slots,s.key,e.normalizeProps(e.guardReactiveProps(m)),void 0,!0)])}))]),1032,["items","form-data","min-width"]),e.createElementVNode("div",_,[e.createVNode(x,{"operation-list":a.operationList,onOperation:v},e.createSlots({_:2},[r.$slots.operation?{name:"operation",fn:e.withCtx(({operationList:s})=>[e.renderSlot(r.$slots,"operation",{operationList:s},void 0,!0)]),key:"0"}:void 0]),1032,["operation-list"])])]),_:3},8,["visible"])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[N.value&&a.isExpand&&a.hideExpandButton?(e.openBlock(),e.createBlock(e.unref(d.ElButton),{key:0,icon:f.value?e.unref(g.IconUp):e.unref(g.IconDown),text:"",onClick:R},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f.value?"收起":"展开"),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0),e.createVNode(x,{"operation-list":a.operationList,onOperation:v},e.createSlots({_:2},[r.$slots.operation?{name:"operation",fn:e.withCtx(({operationList:s})=>[e.renderSlot(r.$slots,"operation",{operationList:s},void 0,!0)]),key:"0"}:void 0]),1032,["operation-list"])],64))],6),e.createVNode(e.unref(d.ElDrawer),{modelValue:y.value,"onUpdate:modelValue":u[2]||(u[2]=s=>y.value=s),size:"628","show-close":!1},{header:e.withCtx(()=>[e.createElementVNode("div",ee,[e.createVNode(S.CustomTitle,{content:"筛选器",fontSize:16}),e.createVNode(e.unref(d.ElIcon),{size:16,onClick:j,class:"shrink-button"},{default:e.withCtx(()=>[e.createVNode(e.unref(g.IconShrink))]),_:1})])]),default:e.withCtx(()=>[e.createElementVNode("div",te,[e.createVNode(E,{items:k.value,"form-data":n.value,"label-width":"auto","label-position":"top",inline:!1,"show-label":!0,"is-filter":!0,"min-width":a.minWidth,onChange:C,onEnter:B},e.createSlots({_:2},[e.renderList(k.value,s=>({name:s.key,fn:e.withCtx(m=>[e.renderSlot(r.$slots,s.key,e.normalizeProps(e.guardReactiveProps(m)),void 0,!0)])}))]),1032,["items","form-data","min-width"])]),e.createElementVNode("div",ae,[e.createVNode(x,{"operation-list":a.operationList,onOperation:v},e.createSlots({_:2},[r.$slots.operation?{name:"operation",fn:e.withCtx(({operationList:s})=>[e.renderSlot(r.$slots,"operation",{operationList:s},void 0,!0)]),key:"0"}:void 0]),1032,["operation-list"])])]),_:3},8,["modelValue"])],2))}}),oe=P._export_sfc(le,[["__scopeId","data-v-43e6f39f"]]),T=K.withInstall(oe);exports.SearchBar=T;exports.default=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./assets/SearchBar.css');const K=require("./chunks/index.CkihWzK6.js"),e=require("vue"),d=require("element-plus"),g=require("color-message-lingyun-vue"),o=require("color-star-custom-methods"),G=require("./chunks/layout.DF2j_cdu.js"),J=require("./chunks/layout.whToBh0O.js"),P=require("./chunks/_plugin-vue_export-helper.BHFhmbuH.js"),S=require("./chunks/layout.DDB7i4jV.js"),Q=[{type:"primary",label:"查询",value:o.operationConfigMap.search},{type:"default",label:"重置",value:o.operationConfigMap.reset,plain:!0}],F=320,x={__name:"OperationButtons",props:{operationList:{type:Array,default:()=>[]}},emits:[o.emitsMap.operation],setup(a,{emit:y}){const m=y,i=c=>{m(o.emitsMap.operation,c)};return(c,f)=>c.$slots.operation?e.renderSlot(c.$slots,"operation",{key:0,operationList:a.operationList}):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(a.operationList,n=>(e.openBlock(),e.createBlock(e.unref(d.ElButton),{key:n.value,type:n.type,icon:n.icon,plain:n.plain,onClick:h=>i(n.value)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.label),1)]),_:2},1032,["type","icon","plain","onClick"]))),128))}},X=Object.assign({name:"FormWrapper"},{__name:"FormWrapper",props:{items:{type:Array,default:()=>[]},formData:{type:Object,default:()=>({})},rules:{type:Object,default:()=>({})},labelWidth:{type:[String,Number],default:"auto"},labelPosition:{type:String,default:o.labelPositionMap.right},showLabel:{type:Boolean,default:!0},inline:{type:Boolean,default:!1},isFilter:{type:Boolean,default:!1},isFilterPreview:{type:Boolean,default:!1},minWidth:{type:Number,default:F},fixedWidth:{type:Boolean,default:!1}},emits:[o.emitsMap.change,o.emitsMap.enter],setup(a,{expose:y}){e.useCssVars(n=>({f41bc21a:a.minWidth+"px"}));const m=a,i=e.ref(null),c=e.computed(()=>m.isFilter?"filter-form":m.isFilterPreview?"filter-preview-form":m.fixedWidth?"search-bar-form search-bar-form-fixed":"search-bar-form"),f=e.computed(()=>m.showLabel?m.labelWidth:"");return y({validate:n=>i.value?i.value.validate(n):Promise.resolve(!0),resetFields:()=>{i.value&&i.value.resetFields()},clearValidate:n=>{i.value&&i.value.clearValidate(n)},scrollToField:n=>{i.value&&i.value.scrollToField(n)}}),(n,h)=>(e.openBlock(),e.createBlock(e.unref(d.ElForm),{ref_key:"formRef",ref:i,model:a.formData,"label-width":f.value,"label-position":a.labelPosition,inline:a.inline,rules:a.rules,class:e.normalizeClass({[c.value]:!0,"items-end display-grid":!a.isFilterPreview}),onSubmit:h[0]||(h[0]=e.withModifiers(()=>{},["prevent","stop"]))},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.items,t=>(e.openBlock(),e.createBlock(e.unref(d.ElFormItem),e.mergeProps({key:t.key,label:a.showLabel?t.label:"",prop:t.key,"show-label":a.showLabel,class:[{"search-bar-item--wide":t.wide}]},{ref_for:!0},t),{default:e.withCtx(()=>[e.renderSlot(n.$slots,t.key,{item:t,formData:a.formData},()=>[t.type===e.unref(o.componentType).text?(e.openBlock(),e.createBlock(e.unref(d.ElInput),e.mergeProps({key:0,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{ref_for:!0},t,{class:"w-full",onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key]),onKeyup:e.withKeys(l=>n.$emit(e.unref(o.emitsMap).enter,t.key,a.formData[t.key]),["enter"])}),null,16,["modelValue","onUpdate:modelValue","onChange","onKeyup"])):t.type===e.unref(o.componentType).select?(e.openBlock(),e.createBlock(G._sfc_main,e.mergeProps({key:1,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l,"static-options":t.options},{ref_for:!0},t,{onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key]),class:"w-full"}),null,16,["modelValue","onUpdate:modelValue","static-options","onChange"])):t.type===e.unref(o.componentType).date?(e.openBlock(),e.createBlock(e.unref(d.ElDatePicker),e.mergeProps({key:2,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{ref_for:!0},{...e.unref(o.dateParamsMap)[t.dateType],...t},{type:t.dateType,format:t.format||e.unref(o.dateFormat).date,"value-format":t.valueFormat||e.unref(o.dateFormat).dateTime,class:"w-full",onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])}),null,16,["modelValue","onUpdate:modelValue","type","format","value-format","onChange"])):t.type===e.unref(o.componentType).inputNumber?(e.openBlock(),e.createBlock(e.unref(d.ElInputNumber),e.mergeProps({key:3,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{ref_for:!0},t,{class:"w-full",onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])}),null,16,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(o.componentType).switch?(e.openBlock(),e.createBlock(e.unref(d.ElSwitch),e.mergeProps({key:4,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{ref_for:!0},t,{onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])}),null,16,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(o.componentType).radio?(e.openBlock(),e.createBlock(e.unref(d.ElRadioGroup),{key:5,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l,onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,l=>(e.openBlock(),e.createBlock(e.unref(d.ElRadio),{key:l.value,label:l.value,value:l.value,disabled:l.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.label),1)]),_:2},1032,["label","value","disabled"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(o.componentType).checkbox?(e.openBlock(),e.createBlock(e.unref(d.ElCheckboxGroup),{key:6,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l,onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,l=>(e.openBlock(),e.createBlock(e.unref(d.ElCheckbox),{key:l.value,label:l.value,value:l.value,disabled:l.disabled},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.label),1)]),_:2},1032,["label","value","disabled"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(o.componentType).textarea?(e.openBlock(),e.createBlock(e.unref(d.ElInput),e.mergeProps({key:7,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{ref_for:!0},t,{class:"w-full",type:"textarea",onChange:l=>n.$emit(e.unref(o.emitsMap).change,t.key,a.formData[t.key])}),null,16,["modelValue","onUpdate:modelValue","onChange"])):t.type===e.unref(o.componentType).upload?(e.openBlock(),e.createBlock(J._layout,e.mergeProps({key:8,modelValue:a.formData[t.key],"onUpdate:modelValue":l=>a.formData[t.key]=l},{ref_for:!0},t),null,16,["modelValue","onUpdate:modelValue"])):e.createCommentVNode("",!0)],!0)]),_:2},1040,["label","prop","show-label","class"]))),128)),e.renderSlot(n.$slots,"default",{},void 0,!0)]),_:3},8,["model","label-width","label-position","inline","rules","class"]))}}),E=P._export_sfc(X,[["__scopeId","data-v-8a6daca8"]]),Y={class:"h-32 w-full"},Z={class:"flex items-center justify-between pd-b-20"},_={class:"text-right"},ee={class:"drawer-header"},te={class:"flex-1 pd-l-16 pd-r-16 overflow-y-auto"},ae={class:"text-right border-top pd-t-16 pd-l-16 pd-r-16"},le=Object.assign({name:"SearchBar"},{__name:"layout",props:{items:{type:Array,default:()=>[]},modelValue:{type:Object,default:()=>({})},labelWidth:{type:[String,Number],default:"auto"},labelPosition:{type:String,default:o.labelPositionMap.right,validator:a=>[o.labelPositionMap.left,o.labelPositionMap.right,o.labelPositionMap.top].includes(a)},isExpand:{type:Boolean,default:!0},maxHeight:{type:Number,default:84},minWidth:{type:Number,default:F},operationList:{type:Array,default:Q},filterMode:{type:Boolean,default:!0},hideExpandButton:{type:Boolean,default:!0},fixedWidth:{type:Boolean,default:!1}},emits:[o.emitsMap.updateModelValue,o.emitsMap.operation,o.emitsMap.change],setup(a,{expose:y,emit:m}){e.useCssVars(r=>({v6f01ec42:a.maxHeight+"px",v0a879a66:b.value?b.value+"px":"100%"}));const i=a,c=m,f=e.ref({}),n=e.ref(!i.isExpand),h=e.ref(null),t=e.ref(!1),l=e.ref(!1),V=e.ref(!1),L=e.computed(()=>{const r={};return i.items.forEach(u=>{if(u.required){const s=[{required:!0,message:`${u.label}不能为空`,trigger:"blur"}];typeof u.validator=="function"&&s.push({validator:u.validator,trigger:"blur"}),r[u.key]=s}}),r}),w=e.computed(()=>i.items?.filter(r=>!r.hidden)||[]),M=e.computed(()=>i.filterMode?w.value?.slice(0,2)||[]:w.value),k=e.computed(()=>i.filterMode?w.value.slice(2):[]),D=r=>{f.value={...r}},W=()=>{c(o.emitsMap.updateModelValue,{...f.value})},U=(r,u)=>{f.value[r]=u,V.value=!0,v(o.operationConfigMap.search),setTimeout(()=>{V.value=!1},200),C(r,u)},C=(r,u)=>{r&&c(o.emitsMap.change,r,u)},I=()=>f.value,B=(r,u)=>{V.value||c(o.emitsMap.operation,o.operationConfigMap.search,f.value)},v=r=>{W(),c(o.emitsMap.operation,r,f.value),(r===o.operationConfigMap.search||r===o.operationConfigMap.reset)&&(t.value=!1,l.value=!1)},z=r=>h.value.validate(r),b=e.ref(0),O=r=>{if(i.fixedWidth){b.value=132;return}b.value=r+32},R=()=>{n.value=!n.value},q=()=>{t.value=!1,l.value=!0},j=()=>{l.value=!1,t.value=!0},N=e.ref(!1),$=r=>{N.value=r>i.maxHeight},A=e.computed(()=>i.filterMode||n.value?"10px":"0");return e.onMounted(()=>{D(i.modelValue),$()}),e.watch(()=>i.modelValue,r=>{D(r)},{immediate:!0,deep:!0}),y({validate:z,getFormData:I,formRef:h}),(r,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["relative overflow-hidden w-full",{flex:a.filterMode}])},[e.createElementVNode("div",{class:e.normalizeClass({"is-collapsed overflow-hidden":!n.value})},[e.createVNode(e.unref(d.ElAutoResizer),null,{default:e.withCtx(({height:s})=>[e.createTextVNode(e.toDisplayString($(s))+" ",1),e.createVNode(E,{ref_key:"formRef",ref:h,items:M.value,"form-data":f.value,rules:L.value,"label-width":a.labelWidth,"label-position":a.labelPosition,inline:!0,"show-label":!a.filterMode,"min-width":a.minWidth,"is-filter-preview":a.filterMode,fixedWidth:a.fixedWidth,onChange:U,onEnter:B},e.createSlots({default:e.withCtx(()=>[a.isExpand&&!a.filterMode?(e.openBlock(),e.createBlock(e.unref(d.ElFormItem),{key:0},{default:e.withCtx(()=>[e.createElementVNode("div",Y,[e.createVNode(e.unref(d.ElAutoResizer),null,{default:e.withCtx(({width:p})=>[e.createTextVNode(e.toDisplayString(O(p)),1)]),_:1})])]),_:1})):e.createCommentVNode("",!0)]),_:2},[e.renderList(M.value,p=>({name:p.key,fn:e.withCtx(H=>[e.renderSlot(r.$slots,p.key,e.normalizeProps(e.guardReactiveProps(H)),void 0,!0)])}))]),1032,["items","form-data","rules","label-width","label-position","show-label","min-width","is-filter-preview","fixedWidth"])]),_:3})],2),e.createElementVNode("div",{class:e.normalizeClass(["operation-buttons",{"absolute right-0  text-right":a.isExpand&&!a.filterMode,"text-left":a.filterMode,"bg-fff":a.isExpand&&!a.filterMode&&!a.fixedWidth}]),style:e.normalizeStyle({bottom:A.value})},[a.filterMode?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(e.unref(d.ElButton),{onClick:u[0]||(u[0]=s=>v(e.unref(o.operationConfigMap).reset)),type:"default"},{default:e.withCtx(()=>[...u[3]||(u[3]=[e.createTextVNode("重置",-1)])]),_:1}),k.value?.length?(e.openBlock(),e.createBlock(e.unref(d.ElPopover),{key:0,visible:t.value,placement:"bottom-start",width:628,trigger:"click"},{reference:e.withCtx(()=>[e.createVNode(e.unref(d.ElButton),{onClick:u[1]||(u[1]=s=>t.value=!t.value),icon:e.unref(g.IconCheck),type:"default"},{default:e.withCtx(()=>[...u[4]||(u[4]=[e.createTextVNode(" 筛选器 ",-1)])]),_:1},8,["icon"])]),default:e.withCtx(()=>[e.createElementVNode("div",Z,[e.createVNode(S.CustomTitle,{content:"筛选器",fontSize:16}),e.createVNode(e.unref(d.ElIcon),{size:16,onClick:q},{default:e.withCtx(()=>[e.createVNode(e.unref(g.IconMagnify))]),_:1})]),e.createVNode(E,{items:k.value,"form-data":f.value,"label-width":"auto","label-position":"top",inline:!1,"show-label":!0,"is-filter":!0,"min-width":a.minWidth,class:"filter-form-popover overflow-y-auto",onChange:C,onEnter:B},e.createSlots({_:2},[e.renderList(k.value,s=>({name:s.key,fn:e.withCtx(p=>[e.renderSlot(r.$slots,s.key,e.normalizeProps(e.guardReactiveProps(p)),void 0,!0)])}))]),1032,["items","form-data","min-width"]),e.createElementVNode("div",_,[e.createVNode(x,{"operation-list":a.operationList,onOperation:v},e.createSlots({_:2},[r.$slots.operation?{name:"operation",fn:e.withCtx(({operationList:s})=>[e.renderSlot(r.$slots,"operation",{operationList:s},void 0,!0)]),key:"0"}:void 0]),1032,["operation-list"])])]),_:3},8,["visible"])):e.createCommentVNode("",!0)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[N.value&&a.isExpand&&a.hideExpandButton?(e.openBlock(),e.createBlock(e.unref(d.ElButton),{key:0,icon:n.value?e.unref(g.IconUp):e.unref(g.IconDown),text:"",onClick:R},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(n.value?"收起":"展开"),1)]),_:1},8,["icon"])):e.createCommentVNode("",!0),e.createVNode(x,{"operation-list":a.operationList,onOperation:v},e.createSlots({_:2},[r.$slots.operation?{name:"operation",fn:e.withCtx(({operationList:s})=>[e.renderSlot(r.$slots,"operation",{operationList:s},void 0,!0)]),key:"0"}:void 0]),1032,["operation-list"])],64))],6),e.createVNode(e.unref(d.ElDrawer),{modelValue:l.value,"onUpdate:modelValue":u[2]||(u[2]=s=>l.value=s),size:"628","show-close":!1},{header:e.withCtx(()=>[e.createElementVNode("div",ee,[e.createVNode(S.CustomTitle,{content:"筛选器",fontSize:16}),e.createVNode(e.unref(d.ElIcon),{size:16,onClick:j,class:"shrink-button"},{default:e.withCtx(()=>[e.createVNode(e.unref(g.IconShrink))]),_:1})])]),default:e.withCtx(()=>[e.createElementVNode("div",te,[e.createVNode(E,{items:k.value,"form-data":f.value,"label-width":"auto","label-position":"top",inline:!1,"show-label":!0,"is-filter":!0,"min-width":a.minWidth,onChange:C,onEnter:B},e.createSlots({_:2},[e.renderList(k.value,s=>({name:s.key,fn:e.withCtx(p=>[e.renderSlot(r.$slots,s.key,e.normalizeProps(e.guardReactiveProps(p)),void 0,!0)])}))]),1032,["items","form-data","min-width"])]),e.createElementVNode("div",ae,[e.createVNode(x,{"operation-list":a.operationList,onOperation:v},e.createSlots({_:2},[r.$slots.operation?{name:"operation",fn:e.withCtx(({operationList:s})=>[e.renderSlot(r.$slots,"operation",{operationList:s},void 0,!0)]),key:"0"}:void 0]),1032,["operation-list"])])]),_:3},8,["modelValue"])],2))}}),oe=P._export_sfc(le,[["__scopeId","data-v-43e6f39f"]]),T=K.withInstall(oe);exports.SearchBar=T;exports.default=T;

package/lib/assets/SearchBar.css

@@ -1 +1 @@
-.filter-form[data-v-79352bf5]{grid-template-columns:repeat(2,1fr);gap:10px}.filter-preview-form[data-v-79352bf5]{display:flex}.filter-preview-form .el-form-item[data-v-79352bf5]{width:var(--v1bc7ee80);margin-right:10px}.search-bar-form[data-v-79352bf5]{grid-template-columns:repeat(auto-fit,minmax(var(--v1bc7ee80),1fr));gap:10px}.search-bar-form.search-bar-form-fixed[data-v-79352bf5]{grid-template-columns:repeat(auto-fit,var(--v1bc7ee80))}.search-bar-form.search-bar-form-fixed.el-form--inline .el-form-item[data-v-79352bf5]{margin-bottom:18px}.search-bar-form.el-form--inline .el-form-item[data-v-79352bf5]{margin-right:0;margin-bottom:10px}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-79352bf5]{display:flex;padding:0 14px;background:var(--neutral-color-18);border-radius:8px;border:1px solid var(--parting-line)}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-79352bf5] .el-form-item__content{justify-content:end}.search-bar-form.el-form--inline.el-form--label-top[data-v-79352bf5]{display:grid}.search-bar-item--wide[data-v-79352bf5]{grid-column:span 2}.is-collapsed[data-v-43e6f39f]{max-height:var(--v6f01ec42)}.operation-buttons[data-v-43e6f39f]{width:var(--v0a879a66);z-index:1}.h-32[data-v-43e6f39f]{height:32px}.drawer-header[data-v-43e6f39f]{display:flex;justify-content:space-between;align-items:center;width:100%}.drawer-header .shrink-button[data-v-43e6f39f]{margin-left:auto}.border-top[data-v-43e6f39f]{border-top:1px solid var(--parting-line)}[data-v-43e6f39f] .el-drawer__body{padding:16px 0;display:flex;flex-direction:column;overflow:hidden}.filter-form-popover[data-v-43e6f39f]{max-height:400px}[data-v-43e6f39f] .el-drawer__header{margin-bottom:0;padding:16px 16px 0}
+.filter-form[data-v-8a6daca8]{grid-template-columns:repeat(2,1fr);gap:10px}.filter-preview-form[data-v-8a6daca8]{display:flex}.filter-preview-form .el-form-item[data-v-8a6daca8]{width:var(--f41bc21a);margin-right:10px}.search-bar-form[data-v-8a6daca8]{grid-template-columns:repeat(auto-fit,minmax(var(--f41bc21a),1fr));gap:10px}.search-bar-form.search-bar-form-fixed[data-v-8a6daca8]{grid-template-columns:repeat(auto-fit,var(--f41bc21a))}.search-bar-form.search-bar-form-fixed.el-form--inline .el-form-item[data-v-8a6daca8]{margin-bottom:18px}.search-bar-form.el-form--inline .el-form-item[data-v-8a6daca8]{margin-right:0;margin-bottom:10px}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-8a6daca8]{display:flex;padding:0 14px;background:var(--neutral-color-18);border-radius:8px;border:1px solid var(--parting-line)}.search-bar-form.el-form--inline .el-form-item.el-form-item--label-left[data-v-8a6daca8] .el-form-item__content{justify-content:end}.search-bar-form.el-form--inline.el-form--label-top[data-v-8a6daca8]{display:grid}.search-bar-item--wide[data-v-8a6daca8]{grid-column:span 2}.is-collapsed[data-v-43e6f39f]{max-height:var(--v6f01ec42)}.operation-buttons[data-v-43e6f39f]{width:var(--v0a879a66);z-index:1}.h-32[data-v-43e6f39f]{height:32px}.drawer-header[data-v-43e6f39f]{display:flex;justify-content:space-between;align-items:center;width:100%}.drawer-header .shrink-button[data-v-43e6f39f]{margin-left:auto}.border-top[data-v-43e6f39f]{border-top:1px solid var(--parting-line)}[data-v-43e6f39f] .el-drawer__body{padding:16px 0;display:flex;flex-direction:column;overflow:hidden}.filter-form-popover[data-v-43e6f39f]{max-height:400px}[data-v-43e6f39f] .el-drawer__header{margin-bottom:0;padding:16px 16px 0}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "color-star-custom-components",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "keywords": [
     "color-star-custom-components",
     "component library",
@@ -29,7 +29,7 @@
   ],
   "exports": {
     ".": {
-      "import": "./es/index.mjs",
+      "import": "./index.js",
       "require": "./lib/index.js"
     },
     "./es": {
@@ -175,9 +175,9 @@
     "axios": "^1.8.2",
     "vue": "^3.5.26",
     "color-message-aibox-vue": "0.0.80",
+    "color-star-atom-style": "0.0.2",
     "color-star-custom-methods": "0.0.17",
-    "color-message-lingyun-vue": "0.0.30",
-    "color-star-atom-style": "0.0.2"
+    "color-message-lingyun-vue": "0.0.30"
   },
   "optionalDependencies": {
     "@ast-grep/napi-linux-x64-musl": "^0.39.6",