ling-yun-custom-components 0.0.60 → 0.0.61

package/es/chunks/layout.BLFdMVyE.js

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