ling-yun-custom-components 0.0.39 → 0.0.41

package/es/chunks/layout.CYgILBXq.js

@@ -0,0 +1,592 @@
+import { renderSlot as k, createElementBlock as $, openBlock as r, Fragment as x, renderList as E, createBlock as m, unref as t, withCtx as n, createTextVNode as D, toDisplayString as M, useCssVars as le, defineAsyncComponent as Y, ref as V, computed as U, withModifiers as pe, normalizeClass as N, mergeProps as g, createCommentVNode as O, withKeys as ke, onMounted as be, watch as ge, createElementVNode as w, createVNode as f, createSlots as F, normalizeProps as A, guardReactiveProps as H, normalizeStyle as we } from "vue";
+import { ElButton as z, ElForm as Ve, ElFormItem as oe, ElInput as Z, ElDatePicker as De, ElInputNumber as Ce, ElSwitch as $e, ElRadioGroup as Ee, ElRadio as Fe, ElCheckboxGroup as Ue, ElCheckbox as xe, ElAutoResizer as _, ElPopover as Me, ElIcon as ee, ElDrawer as Se } from "element-plus";
+import { IconMagnify as Le, IconCheck as Pe, IconUp as We, IconDown as Be, IconShrink as Ie } from "color-message-lingyun-vue";
+import { operationConfigMap as C, labelPositionMap as I, componentType as p, dateParamsMap as Ne, dateFormat as ae, emitsMap as B } from "ling-yun-methods";
+import { _ as ne } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { C as te } from "./layout.D_fCzVf0.js";
+import '../assets/layout2.css';const Oe = [
+  {
+    type: "primary",
+    label: "查询",
+    value: C.search
+  },
+  {
+    type: "default",
+    label: "重置",
+    value: C.reset
+  }
+], re = 320, K = {
+  __name: "OperationButtons",
+  props: {
+    operationList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["operation"],
+  setup(a, { emit: S }) {
+    const L = S, c = (v) => {
+      L("operation", v);
+    };
+    return (v, i) => v.$slots.operation ? k(v.$slots, "operation", {
+      key: 0,
+      operationList: a.operationList
+    }) : (r(!0), $(x, { key: 1 }, E(a.operationList, (y) => (r(), m(t(z), {
+      key: y.value,
+      type: y.type,
+      icon: y.icon,
+      onClick: (u) => c(y.value)
+    }, {
+      default: n(() => [
+        D(M(y.label), 1)
+      ]),
+      _: 2
+    }, 1032, ["type", "icon", "onClick"]))), 128));
+  }
+}, ze = /* @__PURE__ */ 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: I.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: re
+    }
+  },
+  emits: ["change", "enter"],
+  setup(a, { expose: S }) {
+    le((u) => ({
+      v21117ed0: a.minWidth + "px"
+    }));
+    const L = Y(() => import("./layout.2Mabaug0.js")), c = Y(() => import("./layout.CRtj9xK9.js")), v = a, i = V(null), y = U(() => v.isFilter ? "filter-form" : v.isFilterPreview ? "filter-preview-form" : "search-bar-form");
+    return S({
+      validate: (u) => i.value ? i.value.validate(u) : Promise.resolve(!0),
+      resetFields: () => {
+        i.value && i.value.resetFields();
+      },
+      clearValidate: (u) => {
+        i.value && i.value.clearValidate(u);
+      },
+      scrollToField: (u) => {
+        i.value && i.value.scrollToField(u);
+      }
+    }), (u, h) => (r(), m(t(Ve), {
+      ref_key: "formRef",
+      ref: i,
+      model: a.formData,
+      "label-width": a.labelWidth,
+      "label-position": a.labelPosition,
+      inline: a.inline,
+      rules: a.rules,
+      class: N({
+        [y.value]: !0,
+        "items-end display-grid": !a.isFilterPreview
+      }),
+      onSubmit: h[0] || (h[0] = pe(() => {
+      }, ["prevent", "stop"]))
+    }, {
+      default: n(() => [
+        (r(!0), $(x, null, E(a.items, (e) => (r(), m(t(oe), g({
+          key: e.key,
+          label: a.showLabel ? e.label : "",
+          prop: e.key,
+          "show-label": a.showLabel,
+          class: [
+            {
+              "search-bar-item--wide": e.wide
+            }
+          ]
+        }, { ref_for: !0 }, e), {
+          default: n(() => [
+            k(u.$slots, e.key, {
+              item: e,
+              formData: a.formData
+            }, () => [
+              e.type === t(p).text ? (r(), m(t(Z), g({
+                key: 0,
+                modelValue: a.formData[e.key],
+                "onUpdate:modelValue": (l) => a.formData[e.key] = l
+              }, { ref_for: !0 }, e, {
+                class: "w-full",
+                onChange: (l) => u.$emit("change", e.key, a.formData[e.key]),
+                onKeyup: ke((l) => u.$emit("enter", e.key, a.formData[e.key]), ["enter"])
+              }), null, 16, ["modelValue", "onUpdate:modelValue", "onChange", "onKeyup"])) : e.type === t(p).select ? (r(), m(t(L), g({
+                key: 1,
+                modelValue: a.formData[e.key],
+                "onUpdate:modelValue": (l) => a.formData[e.key] = l,
+                "static-options": e.options
+              }, { ref_for: !0 }, e, {
+                onChange: (l) => u.$emit("change", e.key, a.formData[e.key]),
+                class: "w-full"
+              }), null, 16, ["modelValue", "onUpdate:modelValue", "static-options", "onChange"])) : e.type === t(p).date ? (r(), m(t(De), g({
+                key: 2,
+                modelValue: a.formData[e.key],
+                "onUpdate:modelValue": (l) => a.formData[e.key] = l
+              }, { ref_for: !0 }, {
+                ...e,
+                ...t(Ne)[e.dateType]
+              }, {
+                type: e.dateType,
+                format: e.format || t(ae).date,
+                "value-format": e.valueFormat || t(ae).dateTime,
+                class: "w-full",
+                onChange: (l) => u.$emit("change", e.key, a.formData[e.key])
+              }), null, 16, ["modelValue", "onUpdate:modelValue", "type", "format", "value-format", "onChange"])) : e.type === t(p).inputNumber ? (r(), m(t(Ce), g({
+                key: 3,
+                modelValue: a.formData[e.key],
+                "onUpdate:modelValue": (l) => a.formData[e.key] = l
+              }, { ref_for: !0 }, e, {
+                class: "w-full",
+                onChange: (l) => u.$emit("change", e.key, a.formData[e.key])
+              }), null, 16, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(p).switch ? (r(), m(t($e), g({
+                key: 4,
+                modelValue: a.formData[e.key],
+                "onUpdate:modelValue": (l) => a.formData[e.key] = l
+              }, { ref_for: !0 }, e, {
+                onChange: (l) => u.$emit("change", e.key, a.formData[e.key])
+              }), null, 16, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(p).radio ? (r(), m(t(Ee), {
+                key: 5,
+                modelValue: a.formData[e.key],
+                "onUpdate:modelValue": (l) => a.formData[e.key] = l,
+                onChange: (l) => u.$emit("change", e.key, a.formData[e.key])
+              }, {
+                default: n(() => [
+                  (r(!0), $(x, null, E(e.options, (l) => (r(), m(t(Fe), {
+                    key: l.value,
+                    label: l.value,
+                    value: l.value,
+                    disabled: l.disabled
+                  }, {
+                    default: n(() => [
+                      D(M(l.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["label", "value", "disabled"]))), 128))
+                ]),
+                _: 2
+              }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(p).checkbox ? (r(), m(t(Ue), {
+                key: 6,
+                modelValue: a.formData[e.key],
+                "onUpdate:modelValue": (l) => a.formData[e.key] = l,
+                onChange: (l) => u.$emit("change", e.key, a.formData[e.key])
+              }, {
+                default: n(() => [
+                  (r(!0), $(x, null, E(e.options, (l) => (r(), m(t(xe), {
+                    key: l.value,
+                    label: l.value,
+                    value: l.value
+                  }, {
+                    default: n(() => [
+                      D(M(l.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["label", "value"]))), 128))
+                ]),
+                _: 2
+              }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(p).textarea ? (r(), m(t(Z), g({
+                key: 7,
+                modelValue: a.formData[e.key],
+                "onUpdate:modelValue": (l) => a.formData[e.key] = l
+              }, { ref_for: !0 }, e, {
+                class: "w-full",
+                type: "textarea",
+                onChange: (l) => u.$emit("change", e.key, a.formData[e.key])
+              }), null, 16, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(p).upload ? (r(), m(t(c), g({
+                key: 8,
+                modelValue: a.formData[e.key],
+                "onUpdate:modelValue": (l) => a.formData[e.key] = l
+              }, { ref_for: !0 }, e), null, 16, ["modelValue", "onUpdate:modelValue"])) : O("", !0)
+            ], !0)
+          ]),
+          _: 2
+        }, 1040, ["label", "prop", "show-label", "class"]))), 128)),
+        k(u.$slots, "default", {}, void 0, !0)
+      ]),
+      _: 3
+    }, 8, ["model", "label-width", "label-position", "inline", "rules", "class"]));
+  }
+}), q = /* @__PURE__ */ ne(ze, [["__scopeId", "data-v-6092c6e2"]]), Re = { class: "h-32 w-full" }, Te = { class: "flex items-center justify-between pd-b-20" }, je = { class: "text-right" }, Ae = { class: "drawer-header" }, He = { class: "flex-1 pd-l-16 pd-r-16 overflow-y-auto" }, Ke = { class: "text-right border-top pd-t-16 pd-l-16 pd-r-16" }, qe = /* @__PURE__ */ 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: I.right,
+      validator: (a) => [I.left, I.right, I.top].includes(a)
+    },
+    // 是否可以展开
+    isExpand: {
+      type: Boolean,
+      default: !0
+    },
+    // 最大的高度
+    maxHeight: {
+      type: Number,
+      default: 84
+    },
+    // 每项最小宽度
+    minWidth: {
+      type: Number,
+      default: re
+    },
+    operationList: {
+      type: Array,
+      default: Oe
+    },
+    // 是否为筛选器模式
+    filterMode: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: [B.updateModelValue, B.operation],
+  setup(a, { expose: S, emit: L }) {
+    le((o) => ({
+      v1bbac240: a.maxHeight + "px",
+      v84cfd7f0: j.value ? j.value + "px" : "100%"
+    }));
+    const c = a, v = L, i = V({}), y = V(!c.isExpand), u = V(null), h = V(!1), e = V(!1), l = U(() => {
+      const o = {};
+      return c.items.forEach((s) => {
+        if (s.required) {
+          const d = [{ required: !0, message: `${s.label}不能为空`, trigger: "blur" }];
+          typeof s.validator == "function" && d.push({ validator: s.validator, trigger: "blur" }), o[s.key] = d;
+        }
+      }), o;
+    }), R = U(() => c.items?.filter((o) => !o.hidden) || []), G = U(() => c.filterMode ? R.value?.slice(0, 2) || [] : R.value), P = U(() => c.filterMode ? R.value.slice(2) : []), J = (o) => {
+      i.value = { ...o };
+    }, ue = () => {
+      v(B.updateModelValue, { ...i.value });
+    }, ie = (o, s) => {
+      i.value[o] = s, W(C.search);
+    }, de = () => i.value, T = (o, s) => {
+      v(B.operation, C.search, i.value);
+    }, W = (o) => {
+      ue(), v(B.operation, o, i.value), (o === C.search || o === C.reset) && (h.value = !1, e.value = !1);
+    }, se = (o) => u.value.validate(o), j = V(0), fe = (o) => {
+      j.value = o + 32;
+    }, me = () => {
+      y.value = !y.value;
+    }, ye = () => {
+      h.value = !1, e.value = !0;
+    }, ce = () => {
+      e.value = !1, h.value = !0;
+    }, Q = V(!1), X = (o) => {
+      Q.value = o > c.maxHeight;
+    }, ve = U(() => c.filterMode || y.value ? "10px" : "0");
+    return be(() => {
+      J(c.modelValue), X();
+    }), ge(
+      () => c.modelValue,
+      (o) => {
+        J(o);
+      },
+      { immediate: !0, deep: !0 }
+    ), S({
+      validate: se,
+      getFormData: de,
+      // clearValidate,
+      // resetFields,
+      // scrollToField,
+      formRef: u
+    }), (o, s) => (r(), $("div", {
+      class: N(["relative overflow-hidden w-full", { flex: a.filterMode }])
+    }, [
+      w("div", {
+        class: N({
+          "is-collapsed overflow-hidden": !y.value
+        })
+      }, [
+        f(t(_), null, {
+          default: n(({ height: d }) => [
+            D(M(X(d)) + " ", 1),
+            f(q, {
+              ref_key: "formRef",
+              ref: u,
+              items: G.value,
+              "form-data": i.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,
+              onChange: ie,
+              onEnter: T
+            }, F({
+              default: n(() => [
+                a.isExpand && !a.filterMode ? (r(), m(t(oe), {
+                  key: 0,
+                  "label-width": "0"
+                }, {
+                  default: n(() => [
+                    w("div", Re, [
+                      f(t(_), null, {
+                        default: n(({ width: b }) => [
+                          D(M(fe(b)), 1)
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  _: 1
+                })) : O("", !0)
+              ]),
+              _: 2
+            }, [
+              E(G.value, (b) => ({
+                name: b.key,
+                fn: n((he) => [
+                  k(o.$slots, b.key, A(H(he)), void 0, !0)
+                ])
+              }))
+            ]), 1032, ["items", "form-data", "rules", "label-width", "label-position", "show-label", "min-width", "is-filter-preview"])
+          ]),
+          _: 3
+        })
+      ], 2),
+      w("div", {
+        class: N(["operation-buttons", {
+          "absolute right-0 bg-fff text-right": a.isExpand && !a.filterMode,
+          "text-left": a.filterMode
+        }]),
+        style: we({ bottom: ve.value })
+      }, [
+        a.filterMode ? (r(), $(x, { key: 0 }, [
+          f(t(z), {
+            onClick: s[0] || (s[0] = (d) => W(t(C).reset)),
+            type: "default"
+          }, {
+            default: n(() => [...s[3] || (s[3] = [
+              D("重置", -1)
+            ])]),
+            _: 1
+          }),
+          P.value?.length ? (r(), m(t(Me), {
+            key: 0,
+            visible: h.value,
+            placement: "bottom-start",
+            width: 628,
+            trigger: "click"
+          }, {
+            reference: n(() => [
+              f(t(z), {
+                onClick: s[1] || (s[1] = (d) => h.value = !h.value),
+                icon: t(Pe),
+                type: "default"
+              }, {
+                default: n(() => [...s[4] || (s[4] = [
+                  D(" 筛选器 ", -1)
+                ])]),
+                _: 1
+              }, 8, ["icon"])
+            ]),
+            default: n(() => [
+              w("div", Te, [
+                f(te, {
+                  content: "筛选器",
+                  fontSize: 16
+                }),
+                f(t(ee), {
+                  size: 16,
+                  onClick: ye
+                }, {
+                  default: n(() => [
+                    f(t(Le))
+                  ]),
+                  _: 1
+                })
+              ]),
+              f(q, {
+                items: P.value,
+                "form-data": i.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",
+                onEnter: T
+              }, F({ _: 2 }, [
+                E(P.value, (d) => ({
+                  name: d.key,
+                  fn: n((b) => [
+                    k(o.$slots, d.key, A(H(b)), void 0, !0)
+                  ])
+                }))
+              ]), 1032, ["items", "form-data", "min-width"]),
+              w("div", je, [
+                f(K, {
+                  "operation-list": a.operationList,
+                  onOperation: W
+                }, F({ _: 2 }, [
+                  o.$slots.operation ? {
+                    name: "operation",
+                    fn: n(({ operationList: d }) => [
+                      k(o.$slots, "operation", { operationList: d }, void 0, !0)
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1032, ["operation-list"])
+              ])
+            ]),
+            _: 3
+          }, 8, ["visible"])) : O("", !0)
+        ], 64)) : (r(), $(x, { key: 1 }, [
+          Q.value && a.isExpand ? (r(), m(t(z), {
+            key: 0,
+            icon: y.value ? t(We) : t(Be),
+            text: "",
+            onClick: me
+          }, {
+            default: n(() => [
+              D(M(y.value ? "收起" : "展开"), 1)
+            ]),
+            _: 1
+          }, 8, ["icon"])) : O("", !0),
+          f(K, {
+            "operation-list": a.operationList,
+            onOperation: W
+          }, F({ _: 2 }, [
+            o.$slots.operation ? {
+              name: "operation",
+              fn: n(({ operationList: d }) => [
+                k(o.$slots, "operation", { operationList: d }, void 0, !0)
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["operation-list"])
+        ], 64))
+      ], 6),
+      f(t(Se), {
+        modelValue: e.value,
+        "onUpdate:modelValue": s[2] || (s[2] = (d) => e.value = d),
+        size: "628",
+        "show-close": !1
+      }, {
+        header: n(() => [
+          w("div", Ae, [
+            f(te, {
+              content: "筛选器",
+              fontSize: 16
+            }),
+            f(t(ee), {
+              size: 16,
+              onClick: ce,
+              class: "shrink-button"
+            }, {
+              default: n(() => [
+                f(t(Ie))
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        default: n(() => [
+          w("div", He, [
+            f(q, {
+              items: P.value,
+              "form-data": i.value,
+              "label-width": "auto",
+              "label-position": "top",
+              inline: !1,
+              "show-label": !0,
+              "is-filter": !0,
+              "min-width": a.minWidth,
+              onEnter: T
+            }, F({ _: 2 }, [
+              E(P.value, (d) => ({
+                name: d.key,
+                fn: n((b) => [
+                  k(o.$slots, d.key, A(H(b)), void 0, !0)
+                ])
+              }))
+            ]), 1032, ["items", "form-data", "min-width"])
+          ]),
+          w("div", Ke, [
+            f(K, {
+              "operation-list": a.operationList,
+              onOperation: W
+            }, F({ _: 2 }, [
+              o.$slots.operation ? {
+                name: "operation",
+                fn: n(({ operationList: d }) => [
+                  k(o.$slots, "operation", { operationList: d }, void 0, !0)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["operation-list"])
+          ])
+        ]),
+        _: 3
+      }, 8, ["modelValue"])
+    ], 2));
+  }
+}), _e = /* @__PURE__ */ ne(qe, [["__scopeId", "data-v-146b7880"]]);
+export {
+  _e as S
+};