ling-yun-custom-components 0.0.47 → 0.0.49

package/es/chunks/layout.B2kLz-lA.js

@@ -0,0 +1,594 @@
+import { renderSlot as b, createElementBlock as $, openBlock as r, Fragment as x, renderList as E, createBlock as m, unref as t, withCtx as n, createTextVNode as C, toDisplayString as M, useCssVars as le, defineAsyncComponent as Y, ref as k, computed as U, withModifiers as ke, normalizeClass as N, mergeProps as w, createCommentVNode as O, withKeys as be, onMounted as ge, watch as we, createElementVNode as V, createVNode as f, createSlots as F, normalizeProps as A, guardReactiveProps as H, normalizeStyle as Ve } from "vue";
+import { ElButton as T, ElForm as Ce, ElFormItem as oe, ElInput as Z, ElDatePicker as De, ElInputNumber as $e, ElSwitch as Ee, ElRadioGroup as Fe, ElRadio as Ue, ElCheckboxGroup as xe, ElCheckbox as Me, ElAutoResizer as _, ElPopover as Se, ElIcon as ee, ElDrawer as Le } from "element-plus";
+import { IconMagnify as Pe, IconCheck as We, IconUp as Be, IconDown as Ie, IconShrink as Ne } from "color-message-lingyun-vue";
+import { operationConfigMap as D, labelPositionMap as I, componentType as p, dateParamsMap as Oe, 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.BKJPyxR8.js";
+import '../assets/layout3.css';const Te = [
+  {
+    type: "primary",
+    label: "查询",
+    value: D.search
+  },
+  {
+    type: "default",
+    label: "重置",
+    value: D.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 ? b(v.$slots, "operation", {
+      key: 0,
+      operationList: a.operationList
+    }) : (r(!0), $(x, { key: 1 }, E(a.operationList, (y) => (r(), m(t(T), {
+      key: y.value,
+      type: y.type,
+      icon: y.icon,
+      onClick: (u) => c(y.value)
+    }, {
+      default: n(() => [
+        C(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.zm_iHVUd.js")), v = a, i = k(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(Ce), {
+      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] = ke(() => {
+      }, ["prevent", "stop"]))
+    }, {
+      default: n(() => [
+        (r(!0), $(x, null, E(a.items, (e) => (r(), m(t(oe), w({
+          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(() => [
+            b(u.$slots, e.key, {
+              item: e,
+              formData: a.formData
+            }, () => [
+              e.type === t(p).text ? (r(), m(t(Z), w({
+                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: be((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), w({
+                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), w({
+                key: 2,
+                modelValue: a.formData[e.key],
+                "onUpdate:modelValue": (l) => a.formData[e.key] = l
+              }, { ref_for: !0 }, {
+                ...e,
+                ...t(Oe)[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($e), 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) => u.$emit("change", e.key, a.formData[e.key])
+              }), null, 16, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(p).switch ? (r(), m(t(Ee), w({
+                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(Fe), {
+                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(Ue), {
+                    key: l.value,
+                    label: l.value,
+                    value: l.value,
+                    disabled: l.disabled
+                  }, {
+                    default: n(() => [
+                      C(M(l.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["label", "value", "disabled"]))), 128))
+                ]),
+                _: 2
+              }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(p).checkbox ? (r(), m(t(xe), {
+                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(Me), {
+                    key: l.value,
+                    label: l.value,
+                    value: l.value
+                  }, {
+                    default: n(() => [
+                      C(M(l.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["label", "value"]))), 128))
+                ]),
+                _: 2
+              }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(p).textarea ? (r(), m(t(Z), w({
+                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), w({
+                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)),
+        b(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" }, je = { class: "flex items-center justify-between pd-b-20" }, Ae = { class: "text-right" }, He = { class: "drawer-header" }, Ke = { 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" }, Ge = /* @__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: Te
+    },
+    // 是否为筛选器模式
+    filterMode: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: [B.updateModelValue, B.operation],
+  setup(a, { expose: S, emit: L }) {
+    le((o) => ({
+      v6dc52412: a.maxHeight + "px",
+      v714dbbde: j.value ? j.value + "px" : "100%"
+    }));
+    const c = a, v = L, i = k({}), y = k(!c.isExpand), u = k(null), h = k(!1), e = k(!1), l = k(!1), ue = 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;
+    }), z = U(() => c.items?.filter((o) => !o.hidden) || []), G = U(() => c.filterMode ? z.value?.slice(0, 2) || [] : z.value), P = U(() => c.filterMode ? z.value.slice(2) : []), J = (o) => {
+      i.value = { ...o };
+    }, ie = () => {
+      v(B.updateModelValue, { ...i.value });
+    }, de = (o, s) => {
+      i.value[o] = s, l.value = !0, W(D.search), setTimeout(() => {
+        l.value = !1;
+      }, 200);
+    }, se = () => i.value, R = (o, s) => {
+      l.value || v(B.operation, D.search, i.value);
+    }, W = (o) => {
+      ie(), v(B.operation, o, i.value), (o === D.search || o === D.reset) && (h.value = !1, e.value = !1);
+    }, fe = (o) => u.value.validate(o), j = k(0), me = (o) => {
+      j.value = o + 32;
+    }, ye = () => {
+      y.value = !y.value;
+    }, ce = () => {
+      h.value = !1, e.value = !0;
+    }, ve = () => {
+      e.value = !1, h.value = !0;
+    }, Q = k(!1), X = (o) => {
+      Q.value = o > c.maxHeight;
+    }, he = U(() => c.filterMode || y.value ? "10px" : "0");
+    return ge(() => {
+      J(c.modelValue), X();
+    }), we(
+      () => c.modelValue,
+      (o) => {
+        J(o);
+      },
+      { immediate: !0, deep: !0 }
+    ), S({
+      validate: fe,
+      getFormData: se,
+      // clearValidate,
+      // resetFields,
+      // scrollToField,
+      formRef: u
+    }), (o, s) => (r(), $("div", {
+      class: N(["relative overflow-hidden w-full", { flex: a.filterMode }])
+    }, [
+      V("div", {
+        class: N({
+          "is-collapsed overflow-hidden": !y.value
+        })
+      }, [
+        f(t(_), null, {
+          default: n(({ height: d }) => [
+            C(M(X(d)) + " ", 1),
+            f(q, {
+              ref_key: "formRef",
+              ref: u,
+              items: G.value,
+              "form-data": i.value,
+              rules: ue.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: de,
+              onEnter: R
+            }, F({
+              default: n(() => [
+                a.isExpand && !a.filterMode ? (r(), m(t(oe), {
+                  key: 0,
+                  "label-width": "0"
+                }, {
+                  default: n(() => [
+                    V("div", Re, [
+                      f(t(_), null, {
+                        default: n(({ width: g }) => [
+                          C(M(me(g)), 1)
+                        ]),
+                        _: 1
+                      })
+                    ])
+                  ]),
+                  _: 1
+                })) : O("", !0)
+              ]),
+              _: 2
+            }, [
+              E(G.value, (g) => ({
+                name: g.key,
+                fn: n((pe) => [
+                  b(o.$slots, g.key, A(H(pe)), void 0, !0)
+                ])
+              }))
+            ]), 1032, ["items", "form-data", "rules", "label-width", "label-position", "show-label", "min-width", "is-filter-preview"])
+          ]),
+          _: 3
+        })
+      ], 2),
+      V("div", {
+        class: N(["operation-buttons", {
+          "absolute right-0 bg-fff text-right": a.isExpand && !a.filterMode,
+          "text-left": a.filterMode
+        }]),
+        style: Ve({ bottom: he.value })
+      }, [
+        a.filterMode ? (r(), $(x, { key: 0 }, [
+          f(t(T), {
+            onClick: s[0] || (s[0] = (d) => W(t(D).reset)),
+            type: "default"
+          }, {
+            default: n(() => [...s[3] || (s[3] = [
+              C("重置", -1)
+            ])]),
+            _: 1
+          }),
+          P.value?.length ? (r(), m(t(Se), {
+            key: 0,
+            visible: h.value,
+            placement: "bottom-start",
+            width: 628,
+            trigger: "click"
+          }, {
+            reference: n(() => [
+              f(t(T), {
+                onClick: s[1] || (s[1] = (d) => h.value = !h.value),
+                icon: t(We),
+                type: "default"
+              }, {
+                default: n(() => [...s[4] || (s[4] = [
+                  C(" 筛选器 ", -1)
+                ])]),
+                _: 1
+              }, 8, ["icon"])
+            ]),
+            default: n(() => [
+              V("div", je, [
+                f(te, {
+                  content: "筛选器",
+                  fontSize: 16
+                }),
+                f(t(ee), {
+                  size: 16,
+                  onClick: ce
+                }, {
+                  default: n(() => [
+                    f(t(Pe))
+                  ]),
+                  _: 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: R
+              }, F({ _: 2 }, [
+                E(P.value, (d) => ({
+                  name: d.key,
+                  fn: n((g) => [
+                    b(o.$slots, d.key, A(H(g)), void 0, !0)
+                  ])
+                }))
+              ]), 1032, ["items", "form-data", "min-width"]),
+              V("div", Ae, [
+                f(K, {
+                  "operation-list": a.operationList,
+                  onOperation: W
+                }, F({ _: 2 }, [
+                  o.$slots.operation ? {
+                    name: "operation",
+                    fn: n(({ operationList: d }) => [
+                      b(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(T), {
+            key: 0,
+            icon: y.value ? t(Be) : t(Ie),
+            text: "",
+            onClick: ye
+          }, {
+            default: n(() => [
+              C(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 }) => [
+                b(o.$slots, "operation", { operationList: d }, void 0, !0)
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["operation-list"])
+        ], 64))
+      ], 6),
+      f(t(Le), {
+        modelValue: e.value,
+        "onUpdate:modelValue": s[2] || (s[2] = (d) => e.value = d),
+        size: "628",
+        "show-close": !1
+      }, {
+        header: n(() => [
+          V("div", He, [
+            f(te, {
+              content: "筛选器",
+              fontSize: 16
+            }),
+            f(t(ee), {
+              size: 16,
+              onClick: ve,
+              class: "shrink-button"
+            }, {
+              default: n(() => [
+                f(t(Ne))
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        default: n(() => [
+          V("div", Ke, [
+            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: R
+            }, F({ _: 2 }, [
+              E(P.value, (d) => ({
+                name: d.key,
+                fn: n((g) => [
+                  b(o.$slots, d.key, A(H(g)), void 0, !0)
+                ])
+              }))
+            ]), 1032, ["items", "form-data", "min-width"])
+          ]),
+          V("div", qe, [
+            f(K, {
+              "operation-list": a.operationList,
+              onOperation: W
+            }, F({ _: 2 }, [
+              o.$slots.operation ? {
+                name: "operation",
+                fn: n(({ operationList: d }) => [
+                  b(o.$slots, "operation", { operationList: d }, void 0, !0)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["operation-list"])
+          ])
+        ]),
+        _: 3
+      }, 8, ["modelValue"])
+    ], 2));
+  }
+}), ea = /* @__PURE__ */ ne(Ge, [["__scopeId", "data-v-2bd0ab79"]]);
+export {
+  ea as S
+};