ling-yun-custom-components 0.0.10

package/es/chunks/layout.CTQtuC78.js

@@ -0,0 +1,584 @@
+import { renderSlot as k, createElementBlock as $, openBlock as r, Fragment as U, 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 x, normalizeClass as O, mergeProps as b, createCommentVNode as I, 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 xe, ElAutoResizer as _, ElPopover as Ue, ElIcon as ee, ElDrawer as Le } from "element-plus";
+import { l as Se, m as We, n as Be, a as Me, o as Pe } from "./index.DfOANPhX.js";
+import { r as C, d as N, n as h, s as Ne, o as ae, b as P } from "./index.D4Kbv-m1.js";
+import { _ as ne } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import { C as te } from "./layout.BKJPyxR8.js";
+import '../assets/layout3.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 W = S, y = (v) => {
+      W("operation", v);
+    };
+    return (v, i) => v.$slots.operation ? k(v.$slots, "operation", {
+      key: 0,
+      operationList: a.operationList
+    }) : (r(!0), $(U, { 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));
+  }
+}, Ie = /* @__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: N.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.CtWHo87D.js")), y = Y(() => import("./layout.1y3OJ-ea.js")), v = a, i = w(null), c = x(() => 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: O({
+        [c.value]: !0,
+        "items-end display-grid": !a.isFilterPreview
+      })
+    }, {
+      default: n(() => [
+        (r(!0), $(U, 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(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(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), $(U, 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), $(U, null, E(e.options, (l) => (r(), m(t(xe), {
+                    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"])) : I("", !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(Ie, [["__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: N.right,
+      validator: (a) => [N.left, N.right, N.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: [P.updateModelValue, P.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 = x(() => {
+      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 = x(() => y.items?.filter((o) => !o.hidden) || []), G = x(() => y.filterMode ? R.value?.slice(0, 2) || [] : R.value), B = x(() => y.filterMode ? R.value.slice(2) : []), J = (o) => {
+      i.value = { ...o };
+    }, ue = () => {
+      v(P.updateModelValue, { ...i.value });
+    }, ie = (o, s) => {
+      i.value[o] = s, M(C.search);
+    }, de = () => i.value, T = (o, s) => {
+      v(P.operation, C.search, i.value);
+    }, M = (o) => {
+      ue(), v(P.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 = x(() => 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: O(["relative overflow-hidden w-full", { flex: a.filterMode }])
+    }, [
+      g("div", {
+        class: O({
+          "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
+                })) : I("", !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: O(["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(), $(U, { key: 0 }, [
+          f(t(z), {
+            onClick: s[0] || (s[0] = (d) => M(t(C).reset)),
+            type: "default"
+          }, {
+            default: n(() => [...s[3] || (s[3] = [
+              V("重置", -1)
+            ])]),
+            _: 1
+          }),
+          f(t(Ue), {
+            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"])) : I("", !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: M
+                }, 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(), $(U, { key: 1 }, [
+          Q.value && a.isExpand ? (r(), m(t(z), {
+            key: 0,
+            icon: c.value ? t(Be) : t(Me),
+            type: "text",
+            onClick: me
+          }, {
+            default: n(() => [
+              V(L(c.value ? "收起" : "展开"), 1)
+            ]),
+            _: 1
+          }, 8, ["icon"])) : I("", !0),
+          f(K, {
+            "operation-list": a.operationList,
+            onOperation: M
+          }, 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(Pe))
+              ]),
+              _: 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: M
+            }, 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
+};

package/es/chunks/layout.CUOtHOHG.js

@@ -0,0 +1,66 @@
+import { computed as n, createElementBlock as i, openBlock as o, createVNode as r, createElementVNode as l, unref as a, withCtx as m, createBlock as s, resolveDynamicComponent as p, normalizeStyle as f, toDisplayString as u } from "vue";
+import { h as y } from "./index.DfOANPhX.js";
+import { ElIcon as d } from "element-plus";
+import { _ as x } from "./_plugin-vue_export-helper.CHgC5LLL.js";
+import '../assets/layout.css';const S = { class: "icon-empty flex flex-col items-center justify-center" }, z = /* @__PURE__ */ Object.assign({
+  name: "IconEmpty"
+}, {
+  __name: "layout",
+  props: {
+    // 图标组件
+    icon: {
+      type: Object,
+      default: y
+    },
+    // 图标大小
+    iconSize: {
+      type: Number,
+      default: 64
+    },
+    // 图标颜色
+    iconColor: {
+      type: String,
+      default: "#c0c4cc"
+    },
+    // 显示文字
+    text: {
+      type: String,
+      default: "暂无数据"
+    },
+    // 文字颜色
+    textColor: {
+      type: String,
+      default: "#909399"
+    },
+    // 文字字号
+    textSize: {
+      type: Number,
+      default: 14
+    }
+  },
+  setup(e) {
+    const t = e, c = n(() => ({
+      color: t.textColor,
+      fontSize: `${t.textSize}px`
+    }));
+    return (_, C) => (o(), i("div", S, [
+      r(a(d), {
+        size: e.iconSize,
+        color: e.iconColor,
+        class: "icon-empty-icon"
+      }, {
+        default: m(() => [
+          (o(), s(p(e.icon)))
+        ]),
+        _: 1
+      }, 8, ["size", "color"]),
+      l("div", {
+        class: "icon-empty-text",
+        style: f(c.value)
+      }, u(e.text), 5)
+    ]));
+  }
+}), b = /* @__PURE__ */ x(z, [["__scopeId", "data-v-c69a2cce"]]);
+export {
+  b as I
+};