ling-yun-custom-components 0.0.29 → 0.0.32

package/es/chunks/layout.BZ373u9D.js

@@ -1,584 +0,0 @@
-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 V, toDisplayString as L, useCssVars as le, defineAsyncComponent as Y, ref as w, computed as U, normalizeClass as N, mergeProps as b, createCommentVNode as O, withKeys as ke, onMounted as pe, watch as be, createElementVNode as g, createVNode as f, createSlots as F, normalizeProps as A, guardReactiveProps as H, normalizeStyle as ge } from "vue";
-import { ElButton as z, ElForm as we, ElFormItem as oe, ElInput as Z, ElDatePicker as Ve, ElInputNumber as De, ElSwitch as Ce, ElRadioGroup as $e, ElRadio as Ee, ElCheckboxGroup as Fe, ElCheckbox as Ue, ElAutoResizer as _, ElPopover as xe, ElIcon as ee, ElDrawer as Le } from "element-plus";
-import { IconMagnify as Se, IconCheck as We, IconUp as Be, IconDown as Ie, IconShrink as Me } from "color-message-lingyun-vue";
-import { X as C, s as P, N as h, Q as Pe, J as ae, f as M } from "./index._uj6b1Kd.js";
-import { _ as ne } from "./_plugin-vue_export-helper.CHgC5LLL.js";
-import { C as te } from "./layout.BKJPyxR8.js";
-import '../assets/layout3.css';const Ne = [
-  {
-    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 W = S, y = (v) => {
-      W("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, (c) => (r(), m(t(z), {
-      key: c.value,
-      type: c.type,
-      icon: c.icon,
-      onClick: (u) => y(c.value)
-    }, {
-      default: n(() => [
-        V(L(c.label), 1)
-      ]),
-      _: 2
-    }, 1032, ["type", "icon", "onClick"]))), 128));
-  }
-}, Oe = /* @__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: P.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) => ({
-      v5a659130: a.minWidth + "px"
-    }));
-    const W = Y(() => import("./layout.DLUJzpco.js")), y = Y(() => import("./layout.iUFnoCjZ.js")), v = a, i = w(null), c = 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, D) => (r(), m(t(we), {
-      ref_key: "formRef",
-      ref: i,
-      model: a.formData,
-      "label-width": a.labelWidth,
-      "label-position": a.labelPosition,
-      inline: a.inline,
-      rules: a.rules,
-      class: N({
-        [c.value]: !0,
-        "items-end display-grid": !a.isFilterPreview
-      })
-    }, {
-      default: n(() => [
-        (r(!0), $(x, null, E(a.items, (e) => (r(), m(t(oe), b({
-          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(h).text ? (r(), m(t(Z), b({
-                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(h).select ? (r(), m(t(W), b({
-                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(h).date ? (r(), m(t(Ve), b({
-                key: 2,
-                modelValue: a.formData[e.key],
-                "onUpdate:modelValue": (l) => a.formData[e.key] = l
-              }, { ref_for: !0 }, {
-                ...e,
-                ...t(Pe)[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(h).inputNumber ? (r(), m(t(De), b({
-                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(h).switch ? (r(), m(t(Ce), b({
-                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(h).radio ? (r(), m(t($e), {
-                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(Ee), {
-                    key: l.value,
-                    label: l.value
-                  }, {
-                    default: n(() => [
-                      V(L(l.label), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["label"]))), 128))
-                ]),
-                _: 2
-              }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(h).checkbox ? (r(), m(t(Fe), {
-                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(Ue), {
-                    key: l.value,
-                    label: l.value
-                  }, {
-                    default: n(() => [
-                      V(L(l.label), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["label"]))), 128))
-                ]),
-                _: 2
-              }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])) : e.type === t(h).textarea ? (r(), m(t(Z), b({
-                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(h).upload ? (r(), m(t(y), b({
-                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(Oe, [["__scopeId", "data-v-a3300eb1"]]), ze = { class: "h-32 w-full" }, Re = { class: "flex items-center justify-between pd-b-20" }, Te = { class: "text-right" }, je = { class: "drawer-header" }, Ae = { class: "flex-1 pd-l-16 pd-r-16 overflow-y-auto" }, He = { class: "text-right border-top pd-t-16 pd-l-16 pd-r-16" }, Ke = /* @__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: P.right,
-      validator: (a) => [P.left, P.right, P.top].includes(a)
-    },
-    // 是否可以展开
-    isExpand: {
-      type: Boolean,
-      default: !0
-    },
-    // 最大的高度
-    maxHeight: {
-      type: Number,
-      default: 84
-    },
-    // 每项最小宽度
-    minWidth: {
-      type: Number,
-      default: re
-    },
-    operationList: {
-      type: Array,
-      default: Ne
-    },
-    // 是否为筛选器模式
-    filterMode: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: [M.updateModelValue, M.operation],
-  setup(a, { expose: S, emit: W }) {
-    le((o) => ({
-      fdcf2012: a.maxHeight + "px",
-      v307de011: j.value ? j.value + "px" : "100%"
-    }));
-    const y = a, v = W, i = w({}), c = w(!y.isExpand), u = w(null), D = w(!1), e = w(!1), l = U(() => {
-      const o = {};
-      return y.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(() => y.items?.filter((o) => !o.hidden) || []), G = U(() => y.filterMode ? R.value?.slice(0, 2) || [] : R.value), B = U(() => y.filterMode ? R.value.slice(2) : []), J = (o) => {
-      i.value = { ...o };
-    }, ue = () => {
-      v(M.updateModelValue, { ...i.value });
-    }, ie = (o, s) => {
-      i.value[o] = s, I(C.search);
-    }, de = () => i.value, T = (o, s) => {
-      v(M.operation, C.search, i.value);
-    }, I = (o) => {
-      ue(), v(M.operation, o, i.value), (o === C.search || o === C.reset) && (D.value = !1, e.value = !1);
-    }, se = (o) => u.value.validate(o), j = w(0), fe = (o) => {
-      j.value = o + 32;
-    }, me = () => {
-      c.value = !c.value;
-    }, ce = () => {
-      D.value = !1, e.value = !0;
-    }, ye = () => {
-      e.value = !1, D.value = !0;
-    }, Q = w(!1), X = (o) => {
-      Q.value = o > y.maxHeight;
-    }, ve = U(() => y.filterMode || c.value ? "10px" : "0");
-    return pe(() => {
-      J(y.modelValue), X();
-    }), be(
-      () => y.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 }])
-    }, [
-      g("div", {
-        class: N({
-          "is-collapsed overflow-hidden": !c.value
-        })
-      }, [
-        f(t(_), null, {
-          default: n(({ height: d }) => [
-            V(L(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 }, {
-                  default: n(() => [
-                    g("div", ze, [
-                      f(t(_), null, {
-                        default: n(({ width: p }) => [
-                          V(L(fe(p)), 1)
-                        ]),
-                        _: 1
-                      })
-                    ])
-                  ]),
-                  _: 1
-                })) : O("", !0)
-              ]),
-              _: 2
-            }, [
-              E(G.value, (p) => ({
-                name: p.key,
-                fn: n((he) => [
-                  k(o.$slots, p.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),
-      g("div", {
-        class: N(["operation-buttons", {
-          "absolute right-0 bg-fff text-right": a.isExpand && !a.filterMode,
-          "text-left": a.filterMode
-        }]),
-        style: ge({ bottom: ve.value })
-      }, [
-        a.filterMode ? (r(), $(x, { key: 0 }, [
-          f(t(z), {
-            onClick: s[0] || (s[0] = (d) => I(t(C).reset)),
-            type: "default"
-          }, {
-            default: n(() => [...s[3] || (s[3] = [
-              V("重置", -1)
-            ])]),
-            _: 1
-          }),
-          f(t(xe), {
-            visible: D.value,
-            placement: "bottom-start",
-            width: 628,
-            trigger: "click"
-          }, {
-            reference: n(() => [
-              B.value?.length ? (r(), m(t(z), {
-                key: 0,
-                onClick: s[1] || (s[1] = (d) => D.value = !D.value),
-                icon: t(We),
-                type: "default"
-              }, {
-                default: n(() => [...s[4] || (s[4] = [
-                  V(" 筛选器 ", -1)
-                ])]),
-                _: 1
-              }, 8, ["icon"])) : O("", !0)
-            ]),
-            default: n(() => [
-              g("div", Re, [
-                f(te, {
-                  content: "筛选器",
-                  fontSize: 16
-                }),
-                f(t(ee), {
-                  size: 16,
-                  onClick: ce
-                }, {
-                  default: n(() => [
-                    f(t(Se))
-                  ]),
-                  _: 1
-                })
-              ]),
-              f(q, {
-                items: B.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(B.value, (d) => ({
-                  name: d.key,
-                  fn: n((p) => [
-                    k(o.$slots, d.key, A(H(p)), void 0, !0)
-                  ])
-                }))
-              ]), 1032, ["items", "form-data", "min-width"]),
-              g("div", Te, [
-                f(K, {
-                  "operation-list": a.operationList,
-                  onOperation: I
-                }, 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"])
-        ], 64)) : (r(), $(x, { key: 1 }, [
-          Q.value && a.isExpand ? (r(), m(t(z), {
-            key: 0,
-            icon: c.value ? t(Be) : t(Ie),
-            type: "text",
-            onClick: me
-          }, {
-            default: n(() => [
-              V(L(c.value ? "收起" : "展开"), 1)
-            ]),
-            _: 1
-          }, 8, ["icon"])) : O("", !0),
-          f(K, {
-            "operation-list": a.operationList,
-            onOperation: I
-          }, 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(Le), {
-        modelValue: e.value,
-        "onUpdate:modelValue": s[2] || (s[2] = (d) => e.value = d),
-        size: "628",
-        "show-close": !1
-      }, {
-        header: n(() => [
-          g("div", je, [
-            f(te, {
-              content: "筛选器",
-              fontSize: 16
-            }),
-            f(t(ee), {
-              size: 16,
-              onClick: ye,
-              class: "shrink-button"
-            }, {
-              default: n(() => [
-                f(t(Me))
-              ]),
-              _: 1
-            })
-          ])
-        ]),
-        default: n(() => [
-          g("div", Ae, [
-            f(q, {
-              items: B.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(B.value, (d) => ({
-                name: d.key,
-                fn: n((p) => [
-                  k(o.$slots, d.key, A(H(p)), void 0, !0)
-                ])
-              }))
-            ]), 1032, ["items", "form-data", "min-width"])
-          ]),
-          g("div", He, [
-            f(K, {
-              "operation-list": a.operationList,
-              onOperation: I
-            }, 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));
-  }
-}), Ze = /* @__PURE__ */ ne(Ke, [["__scopeId", "data-v-ab52a69e"]]);
-export {
-  Ze as S
-};