@elementplus-kit/uikit 1.4.0 → 1.6.0

package/dist/index.mjs

@@ -0,0 +1,1079 @@
+import { defineComponent as j, inject as ne, toRefs as J, h as a, provide as oe, ref as R, getCurrentInstance as K, computed as W, toDisplayString as se, onMounted as ue, onUnmounted as ce, createVNode as S, mergeProps as H, resolveComponent as I, Fragment as ie, createTextVNode as V, isVNode as de } from "vue";
+import { ElFormItem as fe, ElText as pe, ElSwitch as me, ElSlider as ve, ElColorPicker as be, ElRate as he, ElTimePicker as ge, ElDatePicker as ye, ElTimeSelect as Ee, ElCheckboxGroup as Oe, ElCheckbox as Se, ElRadioGroup as Ae, ElRadioButton as Ce, ElRadio as Ne, ElTreeSelect as xe, ElCascader as we, ElSelectV2 as Te, ElSelect as Re, ElOption as Le, ElInputNumber as je, ElInput as G, ElForm as ke, ElRow as Ie, ElCol as _e, ElTable as Q, ElTableColumn as F, ElPagination as De, ElDialog as Fe, ElDrawer as Be, ElDropdown as Pe, ElDropdownItem as $e, ElButton as Ve } from "element-plus";
+import M, { isFunction as $, isBoolean as X, has as Y, isArray as Z, capitalize as Ye } from "lodash-es";
+import { ArrowUpBold as ze } from "@element-plus/icons-vue";
+const z = {
+  input: {
+    elName: "input",
+    defaultAttrs: {},
+    events: [
+      "blur",
+      "focus",
+      "change",
+      "input",
+      "clear",
+      "keydown",
+      "mouseleave",
+      "mouseenter",
+      "compositionstart",
+      "compositionupdate",
+      "compositionend"
+    ],
+    slots: ["prefix", "suffix", "prepend", "append"]
+  },
+  textarea: {
+    elName: "textarea",
+    defaultAttrs: {},
+    events: ["blur", "focus", "change", "input"]
+  },
+  "input-number": {
+    elName: "input-number",
+    defaultAttrs: {},
+    events: ["change", "Function", "blur", "focus"],
+    slots: ["decrease-icon", "increase-icon", "prefix", "suffix"]
+  },
+  select: {
+    elName: "select",
+    defaultAttrs: {},
+    events: ["change", "visible-change", "remove-tag", "clear", "blur", "focus", "popup-scroll"],
+    slots: ["default", "header", "footer", "prefix", "empty", "tag", "loading", "label"]
+  },
+  "select-v2": {
+    elName: "select-v2",
+    defaultAttrs: {},
+    events: ["focus", "blur", "selectedLabel"],
+    slots: ["default", "header", "footer", "prefix", "empty", "tag", "loading", "label"]
+  },
+  cascader: {
+    elName: "cascader",
+    defaultAttrs: {},
+    events: ["change", "expand-change", "blur", "focus", "clear", "visible-change", "remove-tag"],
+    slots: ["default", "empty", "prefix", "suggestion-item", "tag"]
+  },
+  "tree-select": {
+    elName: "tree-select",
+    defaultAttrs: {},
+    events: ["change", "clear", "blur", "focus"],
+    slots: ["default"]
+  },
+  radio: {
+    elName: "radio",
+    defaultAttrs: {},
+    events: ["change"]
+    // slots: ['default'],
+  },
+  checkbox: {
+    elName: "checkbox",
+    defaultAttrs: {},
+    events: ["change"]
+    // slots: ['default'],
+  },
+  "time-select": {
+    elName: "time-select",
+    defaultAttrs: {},
+    events: ["change", "blur", "focus", "clear"]
+  },
+  "date-picker": {
+    elName: "date-picker",
+    defaultAttrs: {},
+    events: [
+      "change",
+      "blur",
+      "focus",
+      "clear",
+      "calendar-change",
+      "panel-change",
+      "visible-change"
+    ],
+    slots: ["default", "range-separator", "prev-month", "next-month", "prev-year", "next-year"]
+  },
+  "time-picker": {
+    elName: "time-picker",
+    defaultAttrs: {},
+    events: ["change", "blur", "focus", "clear", "visible-change"],
+    slots: []
+  },
+  rate: {
+    elName: "rate",
+    defaultAttrs: {},
+    events: ["change"]
+  },
+  "color-picker": {
+    elName: "color-picker",
+    defaultAttrs: {},
+    events: ["change", "active-change", "focus", "blur"]
+  },
+  slider: {
+    elName: "slider",
+    defaultAttrs: {},
+    events: ["change", "input"]
+  },
+  switch: {
+    elName: "switch",
+    defaultAttrs: {},
+    events: ["change"],
+    slots: ["active-action", "inactive-action"]
+  },
+  text: {
+    elName: "text",
+    defaultAttrs: {},
+    slots: ["default"]
+  },
+  html: {},
+  slot: {}
+}, Me = () => {
+  let e = [];
+  return Object.keys(z).map((t) => {
+    const f = z[t]?.events;
+    f?.length > 0 && e.push(...f);
+  }), e = [...new Set(e)], e;
+}, We = (e) => e.replace(/(?:^|-)(\w)/g, (t, f) => f.toUpperCase()), He = {
+  model: { type: Object, default: () => {
+  } },
+  // 表单名称
+  label: { type: String, default: "" },
+  // 表单类型
+  type: { type: String, default: "" },
+  // 表单key
+  prop: { type: String, default: "" },
+  // 必填
+  required: { type: Boolean, default: !1 },
+  // 全部只读
+  // allReadonly: { type: Boolean<PropType<Boolean | Object>>, default: false },
+  allReadonly: { type: Object, default: null },
+  // todo 上面传的类型是null报警告
+  // formItem 属性
+  formItem: { type: Object, default: () => {
+  } },
+  // 表单类型属性
+  attrs: { type: Object, default: () => {
+  } },
+  // 字典
+  dictType: { type: String, default: void 0 },
+  // 字典选项
+  options: { type: Array, default: () => [] },
+  // 字典选项
+  optionsRef: { type: Object, default: () => {
+  } },
+  mergeParams: { type: Object, default: () => {
+  } }
+}, Ue = j({
+  props: He,
+  setup(e, { attrs: t, emit: f, slots: u, expose: m }) {
+    const { formSlots: c, events: E } = ne("formContext"), {
+      model: g,
+      type: O,
+      label: C,
+      prop: i,
+      required: n,
+      allReadonly: p,
+      formItem: l,
+      attrs: d,
+      dictType: A,
+      options: N
+    } = J(e), y = () => {
+      const v = {};
+      return z[O.value]?.slots?.forEach((h) => {
+        const T = `${i.value}.${h}`;
+        Object.keys(c).map((x) => {
+          x === T && (v[h] = c[x]);
+        });
+      }), v;
+    }, o = () => {
+      const v = {};
+      return z[O.value]?.events?.forEach((h) => {
+        const T = `on${We(h)}`;
+        v[T] = (...x) => E(h, i.value, ...x);
+      }), v;
+    }, b = () => {
+      let v = !1;
+      return $(d.value?.disabled) && (v = d.value.disabled(e.mergeParams)), X(d.value?.disabled) && (v = d.value.disabled), p.value && (v = !0), { disabled: v };
+    }, r = () => {
+      const v = z[O.value]?.defaultAttrs || {}, s = {
+        ref: (h) => _(h, i.value),
+        // modelValue: model.value[prop.value],
+        // 'onUpdate:modelValue': (val) => (model.value[prop.value] = val),
+        ...v,
+        ...d.value,
+        ...b()
+      };
+      return ["html"].includes(O.value) || (s.modelValue = g.value[i.value], s["onUpdate:modelValue"] = (h) => g.value[i.value] = h), s;
+    }, _ = (v, s) => {
+      e.optionsRef[`${s}Ref`] = v;
+    }, w = {
+      input: () => a(
+        G,
+        {
+          clearable: !0,
+          ...r(),
+          ...o()
+        },
+        { ...y() }
+      ),
+      textarea: () => a(G, {
+        ...r(),
+        ...o(),
+        type: "textarea"
+      }),
+      "input-number": () => a(
+        je,
+        {
+          ...r(),
+          ...o()
+        },
+        { ...y() }
+      ),
+      select: () => a(
+        Re,
+        {
+          clearable: !0,
+          ...r(),
+          ...o()
+        },
+        () => N?.value?.map((v) => a(Le, {
+          ...v,
+          label: v.label,
+          value: v.value,
+          key: v.value
+        }))
+      ),
+      "select-v2": () => a(Te, {
+        options: N.value,
+        clearable: !0,
+        ...r(),
+        ...o()
+      }),
+      cascader: () => a(
+        we,
+        {
+          options: N.value,
+          clearable: !0,
+          ...r(),
+          ...o()
+        },
+        { ...y() }
+      ),
+      "tree-select": () => a(
+        xe,
+        {
+          data: N.value,
+          clearable: !0,
+          ...r(),
+          ...o()
+        },
+        { ...y() }
+      ),
+      radio: () => a(
+        Ae,
+        {
+          ...r(),
+          ...o()
+        },
+        {
+          default: () => N?.value?.map((s) => a(s.radioButton ? Ce : Ne, {
+            ...s,
+            label: s.label,
+            value: s.value,
+            key: s.value
+          }))
+        }
+      ),
+      checkbox: () => a(
+        Oe,
+        {
+          ...r(),
+          ...o()
+        },
+        {
+          default: () => N?.value?.map((s) => a(Se, {
+            ...s,
+            label: s.label,
+            value: s.value,
+            key: s.value
+          }))
+        }
+      ),
+      "time-select": () => a(Ee, {
+        ...r(),
+        ...o()
+      }),
+      "date-picker": () => {
+        const v = d.value?.type || "date", h = {
+          year: "YYYY",
+          month: "YYYY-MM",
+          date: "YYYY-MM-DD"
+        }[v];
+        return a(
+          ye,
+          {
+            type: v,
+            valueFormat: h,
+            ...r(),
+            ...o()
+          },
+          { ...y() }
+        );
+      },
+      "time-picker": () => a(ge, {
+        valueFormat: "HH:mm:ss",
+        ...r(),
+        ...o()
+      }),
+      rate: () => a(he, {
+        ...r(),
+        ...o()
+      }),
+      "color-picker": () => a(be, {
+        ...r(),
+        ...o()
+      }),
+      slider: () => a(ve, {
+        ...r(),
+        ...o()
+      }),
+      switch: () => a(
+        me,
+        {
+          ...r(),
+          ...o()
+        },
+        { ...y() }
+      ),
+      text: () => a(pe, {
+        ...r()
+      }),
+      html: () => a("div", {
+        innerHTML: g.value[i.value],
+        ...r()
+      }),
+      slot: () => c[i.value]?.(g.value)
+    }, D = () => c[i.value] ? w.slot() : O.value === "slot" ? `表单属性 ${i.value} 插槽模板未定义` : w[O.value] ? w[O.value]() : (console.error(`不支持的表单类型 ${O.value}`), `不支持的表单类型 ${O.value}`), k = () => {
+      const v = D();
+      return a(
+        fe,
+        {
+          label: C.value,
+          prop: i.value,
+          rules: n.value ? [
+            {
+              required: !0,
+              message: `${C.value} 必填`,
+              trigger: "blur"
+            }
+          ] : void 0,
+          ...l.value
+        },
+        {
+          default: () => v
+        }
+      );
+    };
+    return () => k();
+  }
+}), qe = {
+  // 表单数据
+  model: { type: Object, default: () => ({}) },
+  // 表单项
+  formOptions: { type: Array, default: () => [] },
+  // 只读
+  readonly: { type: Boolean, default: !1 },
+  // row 间距
+  gutter: {
+    // tode 类型错误警告
+    type: Number || String,
+    default: void 0
+  },
+  // row 列数
+  col: { type: Number, default: void 0 },
+  // 额外业务全局参数
+  params: { type: Object, default: () => ({}) }
+}, Ge = j({
+  props: qe,
+  emits: [...Me()],
+  setup(e, { attrs: t, emit: f, slots: u, expose: m }) {
+    oe("formContext", {
+      formSlots: u,
+      events: (b, ...r) => {
+        f(b, ...r);
+      }
+    });
+    const c = R({});
+    m({
+      optionsRef: c
+    });
+    const { model: E, formOptions: g, readonly: O, gutter: C, col: i } = J(e), n = K(), p = (b) => {
+      b && (n.exposed = b, n.exposeProxy = b);
+    }, l = W(() => O.value), d = W(
+      () => ["", 0].includes(C?.value) || i?.value || g?.value.some((b) => Y(b, "col"))
+    ), A = () => {
+      const b = y();
+      return d.value ? a(
+        Ie,
+        {
+          class: "c-row",
+          // gutter: gutter.value === 0 || gutter.value ? gutter.value : 10,
+          gutter: C.value || 20,
+          ...t
+        },
+        {
+          default: () => b
+        }
+      ) : b;
+    }, N = W(() => ({ formData: E.value, params: e.params })), y = () => {
+      const b = [];
+      return g.value.map((r) => {
+        $(r?.vIf) && r.vIf(N.value) !== void 0 ? r.vIf(N.value) && b.push(r) : b.push(r);
+      }), b.map((r) => {
+        const _ = () => a(Ue, {
+          class: "c-form-itme",
+          model: E.value,
+          allReadonly: l,
+          mergeParams: N.value,
+          ...r,
+          optionsRef: c.value
+        });
+        if (d.value) {
+          let w, D = `col.${r.prop}`;
+          return r?.colSlot ? Y(u, D) ? w = u[D] : w = () => "col插槽模板未定义" : Y(u, D) && (w = u[D]), a(
+            _e,
+            {
+              class: "c-col",
+              span: Y(r, "col") ? r.col : i?.value ? i?.value : d.value ? 8 : void 0
+            },
+            {
+              default: () => w ? w() : _()
+            }
+          );
+        } else
+          return _();
+      });
+    }, o = () => a(
+      ke,
+      {
+        ref: p,
+        ...t,
+        model: E.value,
+        class: l.value ? "isReadonly c-form" : "c-form"
+        // 放在 $attrs 后面可自动合并 放在 $attrs 前面会被 $attrs.class 覆盖， h函数渲染的是标签就会覆盖 是组件就会合并不用管顺序
+      },
+      {
+        default: () => A()
+      }
+    );
+    return () => o();
+  }
+}), Je = /* @__PURE__ */ j({
+  __name: "tableDictLabel",
+  props: {
+    options: {
+      type: Array,
+      default: () => []
+    },
+    value: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    const t = e, f = W(() => t.options?.find((m) => m.value == t.value.toString())?.label || t.value);
+    return (u, m) => se(f.value);
+  }
+}), Ke = ["default", "append", "empty"], Qe = ["default", "header", "filter-icon", "expand"], Xe = {
+  module: {
+    type: Object,
+    default: () => {
+    }
+  },
+  params: {
+    // 额外业务全局参数
+    type: Object,
+    default: () => {
+    }
+  },
+  // isRadio: { // 是否为单选框
+  //   type: Boolean,
+  //   default: false,
+  // },
+  // isCheckbox: { // 是否为复选框
+  //   type: Boolean,
+  //   default: false,
+  // },
+  columns: {
+    // 列数据
+    type: Array,
+    default: () => []
+  },
+  showSelection: {
+    // 是否显示选择列
+    type: Boolean,
+    default: !1
+  },
+  showIndex: {
+    // 是否显示索引列
+    type: Boolean,
+    default: !1
+  }
+}, Ze = j({
+  props: Xe,
+  // emits: eventList,
+  // attrs, emit会继承, slots需要设置
+  setup(e, { attrs: t, emit: f, slots: u, expose: m }) {
+    const c = K(), E = (i) => {
+      i && (c.exposed = i, c.exposeProxy = i);
+    }, g = () => {
+      const i = [];
+      e.showSelection && i.push(
+        a(F, {
+          type: "selection",
+          width: 50,
+          align: "center"
+        })
+      ), e.showIndex && i.push(
+        a(F, {
+          label: "序号",
+          type: "index",
+          width: 60,
+          align: "center"
+        })
+      );
+      const n = (p, l) => {
+        p.map((d) => {
+          const { children: A, ...N } = d;
+          if ($(d.vIf) && d.vIf(e.params) !== void 0 && !d.vIf(e.params))
+            return;
+          const y = [];
+          A?.length && n(A, y);
+          const o = {};
+          if (Qe.map((b) => {
+            const r = `${d.prop}.${b}`;
+            u[r] && (o[b] = u[r]);
+          }), u[d.prop] ? o.default = u[d.prop] : $(d.render) ? o.default = d.render : Z(d.options) && (o.default = (b) => a(Je, {
+            options: d.options,
+            value: b.row[d.prop]
+          })), Object.keys(o).length) {
+            const b = () => {
+              let r;
+              return y.length ? r = { ...o, default: () => y } : r = { ...o }, r;
+            };
+            l.push(
+              a(
+                F,
+                { ...N, class: "c-table-column" },
+                b()
+              )
+            );
+          } else {
+            const b = () => {
+              let r;
+              return y.length && (r = { default: () => y }), r;
+            };
+            l.push(
+              a(
+                F,
+                { ...N, class: "c-table-column" },
+                b()
+              )
+            );
+          }
+        });
+      };
+      return n(e.columns, i), i;
+    }, O = () => {
+      const i = {};
+      return Ke.map((n) => {
+        u[n] && (i[n] = u[n]);
+      }), i;
+    }, C = () => {
+      const i = g();
+      return a(
+        Q,
+        {
+          ref: E,
+          ...t,
+          class: "c-table"
+        },
+        {
+          default: () => i,
+          ...O()
+        }
+      );
+    };
+    return () => C();
+  }
+}), L = {
+  OPERATION_COL_LABEL: "操作",
+  OPERATION_SLOT_NAME: "custom",
+  CHILDREN_SLOT_KEY: "children"
+};
+function et(e, t, f, u) {
+  return a(Q, { data: t, class: "c-table" }, {
+    default: () => tt(e, u)
+  });
+}
+function tt(e, t) {
+  const f = [];
+  if (M.isObject(e) && Object.keys(e).forEach((m) => {
+    let c = e[m], E = t[m];
+    if (t[`${m}.header`]) {
+      let g = te(m, c), O = {
+        header: (C) => t[`${m}.header`](C)
+      };
+      t[m] && (O.default = (C) => [t[m](C)]), f.push(a(F, g, O));
+    } else
+      f.push(ee(m, c, E, t));
+  }), t[L.OPERATION_SLOT_NAME]) {
+    let u = { label: L.OPERATION_COL_LABEL };
+    if (t[`${L.OPERATION_SLOT_NAME}.header`]) {
+      let m = {
+        header: (c) => t[`${L.OPERATION_SLOT_NAME}.header`](c),
+        default: (c) => [t[L.OPERATION_SLOT_NAME](c)]
+      };
+      f.push(a(F, u, m));
+    } else {
+      let m = {
+        default: (c) => [t[L.OPERATION_SLOT_NAME](c)]
+      };
+      f.push(a(F, u, m));
+    }
+  }
+  return f;
+}
+function ee(e, t, f, u) {
+  let m = te(e, t);
+  delete m[L.CHILDREN_SLOT_KEY];
+  let c = [];
+  if (t[L.CHILDREN_SLOT_KEY] && M.isObject(t[L.CHILDREN_SLOT_KEY])) {
+    let g = t[L.CHILDREN_SLOT_KEY];
+    M.isObject(g) && Object.keys(g).forEach((C) => {
+      let i = g[C], n = u[C];
+      c.push(
+        ee(C, i, n, u)
+      );
+    });
+  }
+  let E = () => [];
+  return f ? E = {
+    default: (g) => [...c, f(g)]
+  } : E = {
+    default: () => [...c]
+  }, a(F, m, E);
+}
+function te(e, t) {
+  if (M.isString(t))
+    return {
+      prop: e,
+      label: t
+    };
+  if (M.isObject(t))
+    return {
+      prop: e,
+      ...t
+    };
+}
+const lt = j({
+  props: ["schema", "data"],
+  emits: [],
+  setup(e, { attrs: t, emit: f, slots: u, expose: m }) {
+    return () => et(e.schema, e.data, f, u);
+  }
+}), rt = {
+  // small: false,
+  pageSizes: [10, 20, 50, 100, 200, 500],
+  layout: "total, sizes, prev, pager, next, jumper"
+}, at = j({
+  // props: propsAttrs,
+  // emits: eventList,
+  // attrs, emit会继承, slots需要设置
+  setup(e, { attrs: t, emit: f, slots: u, expose: m }) {
+    const c = () => ({
+      ...rt
+      // 设置默认值
+      // ...attrs, // 当前传入覆盖默认值 第一层标签就是组件可以不用传入
+    }), E = () => a(De, {
+      // ref: pageRef,
+      ...c(),
+      class: "c-pagination"
+    });
+    return () => E();
+  }
+}), nt = {
+  destroyOnClose: !0
+}, ot = Ye("C"), st = j({
+  name: `${ot}Dialog`,
+  // props: propsAttrs,
+  // emits: eventList,
+  // attrs, emit会继承, slots需要设置
+  setup(e, { attrs: t, emit: f, slots: u, expose: m }) {
+    const c = () => ({
+      ...nt
+      // 设置默认值
+    }), E = () => a(
+      Fe,
+      {
+        // ref: dialogRef,
+        ...c(),
+        class: "c-dialog"
+      },
+      u
+    );
+    return () => E();
+  }
+}), ut = {
+  destroyOnClose: !0
+}, ct = j({
+  // props: propsAttrs,
+  // emits: eventList,
+  // attrs, emit会继承, slots需要设置
+  setup(e, { attrs: t, emit: f, slots: u, expose: m }) {
+    const c = () => ({
+      ...ut
+      // 设置默认值
+    }), E = () => a(
+      Be,
+      {
+        // ref: drawerRef,
+        ...c(),
+        class: "c-drawer"
+      },
+      u
+    );
+    return () => E();
+  }
+});
+function U(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !de(e);
+}
+const it = /* @__PURE__ */ j({
+  props: {
+    modelValue: {
+      type: Object,
+      default: {}
+    },
+    formOptions: {
+      type: Array,
+      default: () => []
+    },
+    isDrawer: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue", "search", "reset", "close"],
+  setup(e, {
+    emit: t,
+    slots: f,
+    attrs: u,
+    expose: m
+  }) {
+    const c = ["btn-left", "btn-right"], E = () => {
+      let s = {};
+      return Object.keys(u)?.forEach((h) => {
+        h.indexOf("on") === 0 && (s[h] = u[h]);
+      }), s;
+    }, g = () => {
+      let s = {};
+      return Object.keys(f).forEach((h) => {
+        c.includes(h) || (s[h] = f[h]);
+      }), s;
+    }, O = () => {
+      t("search"), l.value = !1, document.removeEventListener("click", p);
+    }, C = () => {
+      t("reset");
+    }, i = () => {
+      l.value = !1, document.removeEventListener("click", p), t("close");
+    }, n = R(null), p = (s) => {
+      l.value && n.value && !n.value?.$el?.contains(s.target) && (l.value = !1, document.removeEventListener("click", p));
+    }, l = R(!1), d = () => {
+      l.value ? (l.value = !1, document.removeEventListener("click", p)) : (l.value = !0, setTimeout(() => {
+        document.addEventListener("click", p);
+      }, 0));
+    }, A = R(6), N = R(null), y = R(null), o = R(null), b = R(null), r = R(null);
+    let _ = null;
+    const w = () => {
+      _ && clearTimeout(_), _ = setTimeout(() => {
+        D();
+      }, 200);
+    }, D = () => {
+      if (o.value) {
+        const s = o.value.children[0], h = y.value.offsetWidth;
+        let T = 0;
+        A.value = s?.children?.length, Array.from(s.children).map((x, B) => {
+          if (x.style.display = "inline-flex", T > h) {
+            x.style.display = "none";
+            return;
+          }
+          const le = window.getComputedStyle(x).marginRight, re = parseFloat(le), ae = x.offsetWidth + re;
+          T = T + ae, T > h && (x.style.display = "none", A.value = B, T = 1e5);
+        });
+      }
+    }, k = R(0), v = () => {
+      const s = y.value.children[0];
+      new ResizeObserver((T) => {
+        for (const B of T) {
+          const P = B.contentRect.width;
+          P !== k.value && (k.value === 0 || P < k.value - 25 ? (k.value = P, w()) : P > k.value + 25 && (w(), k.value = P));
+        }
+      }).observe(s);
+    };
+    return ue(() => {
+      v(), window.addEventListener("resize", w);
+    }), ce(() => {
+      window.removeEventListener("resize", w), document.removeEventListener("click", p);
+    }), () => {
+      let s, h, T;
+      return S("div", {
+        className: "c-search"
+      }, [S("div", {
+        className: "c-search-simple",
+        ref: N
+      }, [S("div", {
+        className: "c-search-simple-form",
+        ref: y
+      }, [S("div", {
+        className: "c-simple-form-container",
+        ref: o
+      }, [S(q, H({
+        ref: (x) => r.value = x
+      }, E(), {
+        inline: !0,
+        model: e.modelValue,
+        formOptions: e.formOptions
+      }), U(s = g()) ? s : {
+        default: () => [s]
+      })])]), S("div", {
+        className: "c-search-simple-btn",
+        ref: b
+      }, [f["arrow-left"]?.(), A.value < e.formOptions?.length && S("div", {
+        className: `c-search-simple-icon ${l.value ? "icon-rotate" : ""}`,
+        onClick: d
+      }, [S(I("el-icon"), {
+        className: "el-icon c-search-icon"
+      }, {
+        default: () => [S(ze, null, null)]
+      })]), f["search-btn"] ? f["search-btn"]() : S(ie, null, [f["btn-left"]?.(), S(I("el-button"), {
+        type: "primary",
+        onClick: O
+      }, {
+        default: () => [V("搜索")]
+      }), S(I("el-button"), {
+        type: "primary",
+        onClick: C
+      }, {
+        default: () => [V("重置")]
+      }), f["btn-right"]?.()])])]), !e.isDrawer && l.value && S(I("transition"), {
+        name: "search-form-transition"
+      }, {
+        default: () => [S(I("el-card"), {
+          ref: n,
+          className: "c-search-form el-card is-always-shadow"
+        }, {
+          default: () => [S(q, H(E(), {
+            inline: !0,
+            model: e.modelValue,
+            formOptions: e.formOptions.filter((x, B) => B >= A.value),
+            ref: "formRef"
+          }), U(h = g()) ? h : {
+            default: () => [h]
+          }), S("div", {
+            style: "text-align: right;"
+          }, [S(I("el-button"), {
+            type: "primary",
+            onClick: O
+          }, {
+            default: () => [V("搜索")]
+          }), S(I("el-button"), {
+            type: "primary",
+            onClick: i
+          }, {
+            default: () => [V("关闭")]
+          })])]
+        })]
+      }), e.isDrawer && S(ft, {
+        title: "搜索",
+        modelValue: l.value,
+        "onUpdate:modelValue": (x) => l.value = x,
+        size: "660px"
+      }, {
+        default: () => [S(q, H(E(), {
+          col: 12,
+          model: e.modelValue,
+          formOptions: e.formOptions.filter((x, B) => B >= A.value),
+          ref: "formRef"
+        }), U(T = g()) ? T : {
+          default: () => [T]
+        }), S("div", {
+          style: "text-align: right;"
+        }, [S(I("el-button"), {
+          type: "primary",
+          onClick: O
+        }, {
+          default: () => [V("搜索")]
+        }), S(I("el-button"), {
+          type: "primary",
+          onClick: i
+        }, {
+          default: () => [V("关闭")]
+        })])]
+      })]);
+    };
+  }
+}), dt = j({
+  props: {
+    params: {
+      // 用于验证自定义函数的外部数据
+      type: Object,
+      default: () => ({})
+    },
+    btnOptions: {
+      type: Array,
+      default: () => []
+    },
+    // 权限验证函数
+    permit: {
+      type: Function
+    },
+    size: {
+      type: String,
+      default: void 0
+    },
+    plain: {
+      type: Boolean,
+      default: void 0
+    },
+    text: {
+      type: Boolean,
+      default: void 0
+    },
+    link: {
+      type: Boolean,
+      default: void 0
+    },
+    // 折叠
+    fold: {
+      type: Boolean,
+      default: !1
+    },
+    // 折叠数量
+    foldNum: {
+      type: Number,
+      default: 0
+    }
+    // // 权限函数
+    // hasRole: {
+    //   type: Function,
+    //   default: () => true
+    // },
+  },
+  emits: ["btnAction"],
+  setup(e, { emit: t, slots: f, attrs: u, expose: m }) {
+    const c = (n) => {
+      let p = {
+        size: e.size,
+        plain: e.plain,
+        text: e.text,
+        link: e.link,
+        class: `c-btn-alias-${n.alias || ""}`
+      };
+      const l = ["label", "alias", "permit", "vIf", "disable"];
+      return Object.keys(n).map((d) => {
+        l.includes(d) || (p[d] = n[d]);
+      }), X(n.disable) && (p.disabled = n.disable), $(n.disable) && n.disable(e.params) !== void 0 && (p.disabled = n.disable(e.params)), p;
+    }, E = (n) => {
+      const p = c(n), l = {
+        splitButton: !0
+      };
+      return [
+        "type",
+        "size",
+        "splitButton",
+        "disabled",
+        "placement",
+        "effect",
+        "trigger"
+      ].forEach((A) => {
+        p[A] !== void 0 && (l[A] = p[A]);
+      }), l;
+    }, g = () => {
+      const n = [];
+      e.btnOptions.map((l) => {
+        Z(l.permit) && l.permit.length > 0 && $(e.permit) ? e.permit(l.permit) && n.push(l) : n.push(l);
+      });
+      const p = [];
+      return n.map((l) => {
+        Y(l, "vIf") && $(l.vIf) && l.vIf(e.params) !== void 0 ? l.vIf(e.params) && p.push(l) : p.push(l);
+      }), p;
+    }, O = (n) => a(
+      Ve,
+      {
+        ...c(n),
+        onClick: () => {
+          t("btnAction", n.alias, e.params);
+        }
+      },
+      {
+        default: () => n?.label
+      }
+    ), C = (n) => {
+      const p = [], l = [], d = [];
+      n.map((y, o) => {
+        o < e.foldNum ? p.push(y) : o === e.foldNum ? l.push(y) : d.push(y);
+      }), l.length > 0 && d.length === 0 && p.push(l[0]);
+      let A = [];
+      const N = p.map((y) => O(y));
+      if (N.length > 0 && (A = A.concat(N)), l.length > 0 && d.length > 0) {
+        const y = a(
+          Pe,
+          {
+            ...E(l[0]),
+            class: "c-btn-dropdown",
+            buttonProps: c(l[0]),
+            splitButton: !0,
+            // splitButton: dropdownItemList.length > 0,
+            onClick: () => {
+              t("btnAction", l[0].alias, e.params);
+            },
+            onCommand: (o) => {
+              t("btnAction", o, e.params);
+            }
+          },
+          {
+            default: () => l[0].label,
+            dropdown: () => d.map((o) => a(
+              $e,
+              {
+                command: o.alias
+              },
+              {
+                default: () => o?.label
+              }
+            ))
+          }
+        );
+        A = A.concat(y);
+      }
+      return A;
+    }, i = () => {
+      const n = g();
+      return e.fold ? C(n) : n.map((p) => O(p));
+    };
+    return () => i();
+  }
+}), q = Ge, ht = Ze, gt = lt, yt = at, Et = st, ft = ct, Ot = it, St = dt;
+export {
+  dt as Button,
+  St as CButton,
+  Et as CDialog,
+  ft as CDrawer,
+  q as CForm,
+  yt as CPagination,
+  Ot as CSearch,
+  ht as CTable,
+  gt as CTable2,
+  st as Dialog,
+  ct as Drawer,
+  Ge as Form,
+  at as Pagination,
+  it as Search,
+  Ze as Table,
+  lt as Table2
+};