ling-yun-custom-components 0.0.36 → 0.0.38

package/es/chunks/layout.CYgILBXq.js

@@ -1,592 +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 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
-};