ik-next-ui 0.0.1

package/dist/IkBottomOperate/ik-next-ui.css

@@ -0,0 +1 @@
+.bottom[data-v-baa941fc]{width:100%;border-top:1px solid var(--ik-icon-bg);display:flex;align-items:center;justify-content:space-between}.bottom .el-button[data-v-baa941fc]{font-weight:400;font-size:14px}.bottom .bottom-left .el-button[data-v-baa941fc]{width:98px;font-weight:400;font-size:14px}.bottom .bottom-right .el-button[data-v-baa941fc]{width:84px}.bottom .input-prepend[data-v-baa941fc]{flex:1}.bottom .input-prepend p[data-v-baa941fc]{font-weight:700;color:var(--el-text-color-regular)}

package/dist/IkBottomOperate/ik.index.es.js

@@ -0,0 +1,241 @@
+import { defineComponent as A, inject as I, ref as u, watch as F, resolveComponent as O, resolveDirective as T, openBlock as d, createElementBlock as h, normalizeStyle as U, createVNode as y, withCtx as p, createTextVNode as c, createCommentVNode as k, createBlock as N, renderSlot as q, Fragment as D, withDirectives as G } from "vue";
+import { ElMessage as w } from "element-plus";
+const H = (s, v) => (s.install = (i) => {
+  for (const n of [s, ...Object.values({})])
+    i.component(n.name, n);
+}, s), J = {
+  key: 0,
+  class: "bottom-left"
+}, K = {
+  key: 2,
+  class: "bottom-right"
+}, L = /* @__PURE__ */ A({
+  __name: "IkBottomOperate",
+  props: {
+    // 是否显示上一条下一条按钮
+    lastShow: {
+      type: Boolean,
+      default: !0
+    },
+    // 是否显示右侧按钮组
+    buttonShow: {
+      type: Boolean,
+      default: !0
+    },
+    // 是否输入框显示
+    inputShow: {
+      type: Boolean,
+      default: !0
+    },
+    // 表格数据全部id合集
+    ids: {
+      type: Array,
+      default: () => []
+    },
+    // 当前数据id
+    rowId: {
+      type: String,
+      default: ""
+    },
+    padding: {
+      type: String,
+      default: "8px 0"
+    }
+  },
+  emits: ["cancel", "update:visible", "confirm", "repulse", "prevChange", "nextChange"],
+  setup(s, { expose: v, emit: i }) {
+    const n = s, a = i, o = I("searchData"), _ = I("search"), b = I("countTotal"), P = u(!1), R = () => {
+      r.value = "", a("update:visible", !1), a("cancel");
+    }, j = async () => {
+      a("confirm", r.value), r.value = "";
+    }, r = u(""), E = async () => {
+      if (r.value === "" && n.inputShow) {
+        w.warning("请输入意见说明");
+        return;
+      }
+      a("repulse", r.value), r.value = "";
+    }, M = () => {
+      B("prev");
+    }, $ = () => {
+      B("next");
+    };
+    u(n.ids);
+    const S = u(1), B = (e) => {
+      e === "next" ? V() : z();
+    }, f = u(!1), V = async () => {
+      var m, x;
+      g.value = !1, o != null && o.value && (S.value = Math.ceil((b == null ? void 0 : b.value) / ((m = o.value) == null ? void 0 : m.rows)));
+      const e = n.ids, t = e == null ? void 0 : e.findIndex((C) => C === n.rowId);
+      if (t === e.length - 1) {
+        if (o != null && o.value) {
+          if (S.value === ((x = o.value) == null ? void 0 : x.page)) {
+            w.warning("已经是最后一条数据"), f.value = !0;
+            return;
+          }
+          o.value.page++, await _(), e.length && a("nextChange", {
+            targetItem: e[0],
+            targetIndex: 0
+          });
+        }
+        w.warning("已经是最后一条数据"), f.value = !0;
+        return;
+      }
+      const l = t + 1;
+      a("nextChange", {
+        targetItem: e[l],
+        targetIndex: l
+      });
+    }, g = u(!1), z = async () => {
+      f.value = !1;
+      const e = n.ids, t = e == null ? void 0 : e.findIndex((l) => l === n.rowId);
+      if (t < 1) {
+        if (o != null && o.value && o.value.page > 1) {
+          o.value.page--, await _(), e.length && a("nextChange", {
+            targetItem: e[e.length - 1],
+            targetIndex: e.length - 1
+          });
+          return;
+        }
+        w.warning("已经是第一条数据"), g.value = !0;
+        return;
+      }
+      a("prevChange", {
+        targetItem: e[t - 1],
+        targetIndex: t - 1
+      });
+    };
+    return v({ handleNext: V }), F(
+      () => n.ids,
+      (e) => {
+        e && (g.value = !1, f.value = !1);
+      },
+      { immediate: !0 }
+    ), (e, t) => {
+      const l = O("el-button"), m = O("el-input"), x = T("loading");
+      return d(), h(
+        "div",
+        {
+          class: "bottom",
+          style: U({ padding: s.padding })
+        },
+        [
+          n.lastShow ? (d(), h("div", J, [
+            y(l, {
+              disabled: g.value,
+              onClick: M
+            }, {
+              default: p(() => [...t[1] || (t[1] = [
+                c(
+                  "上一条",
+                  -1
+                  /* CACHED */
+                )
+              ])]),
+              _: 1
+              /* STABLE */
+            }, 8, ["disabled"]),
+            y(l, {
+              disabled: f.value,
+              onClick: $,
+              style: { "margin-right": "24px" }
+            }, {
+              default: p(() => [...t[2] || (t[2] = [
+                c(
+                  "下一条",
+                  -1
+                  /* CACHED */
+                )
+              ])]),
+              _: 1
+              /* STABLE */
+            }, 8, ["disabled"])
+          ])) : k("v-if", !0),
+          n.inputShow ? (d(), N(m, {
+            key: 1,
+            modelValue: r.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (C) => r.value = C),
+            maxlength: "50",
+            placeholder: "请输入意见说明",
+            "show-word-limit": "",
+            class: "input-prepend"
+          }, {
+            prepend: p(() => [...t[3] || (t[3] = [
+              c(
+                "意见说明",
+                -1
+                /* CACHED */
+              )
+            ])]),
+            _: 1
+            /* STABLE */
+          }, 8, ["modelValue"])) : k("v-if", !0),
+          n.buttonShow ? (d(), h("div", K, [
+            e.$slots.bottomRight ? q(e.$slots, "bottomRight", { key: 0 }, void 0, !0) : (d(), h(
+              D,
+              { key: 1 },
+              [
+                y(l, {
+                  onClick: R,
+                  style: { "margin-left": "24px" }
+                }, {
+                  default: p(() => [...t[4] || (t[4] = [
+                    c(
+                      "取消",
+                      -1
+                      /* CACHED */
+                    )
+                  ])]),
+                  _: 1
+                  /* STABLE */
+                }),
+                G((d(), N(l, {
+                  type: "primary",
+                  onClick: j
+                }, {
+                  default: p(() => [...t[5] || (t[5] = [
+                    c(
+                      "确认",
+                      -1
+                      /* CACHED */
+                    )
+                  ])]),
+                  _: 1
+                  /* STABLE */
+                })), [
+                  [x, P.value]
+                ]),
+                y(l, {
+                  type: "danger",
+                  onClick: E
+                }, {
+                  default: p(() => [...t[6] || (t[6] = [
+                    c(
+                      "打回",
+                      -1
+                      /* CACHED */
+                    )
+                  ])]),
+                  _: 1
+                  /* STABLE */
+                })
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ])) : k("v-if", !0)
+        ],
+        4
+        /* STYLE */
+      );
+    };
+  }
+}), Q = (s, v) => {
+  const i = s.__vccOpts || s;
+  for (const [n, a] of v)
+    i[n] = a;
+  return i;
+}, W = /* @__PURE__ */ Q(L, [["__scopeId", "data-v-baa941fc"]]), Z = H(W);
+export {
+  Z as IkBottomOperate,
+  Z as default
+};

package/dist/IkBtnContent/ik-next-ui.css

@@ -0,0 +1 @@
+.gl-btn-content .el-dropdown-menu__item:not(.is-disabled):focus{background-color:transparent}.gl-btn-content .el-dropdown-menu__item i{margin-right:0}.gl-btn-content .el-dropdown-menu__item .el-button.is-text{padding:var(--base-p) calc(var(--base-p) * 2)}.gl-btn-content .el-dropdown-menu__item .ik-icon-btn.show-bg.start-margin{margin-left:0}.more-operate{height:32px;width:32px;border-radius:6px;background-color:var(--ik-icon-bg);transition:background-color .3s;cursor:pointer}.more-operate:hover{background-color:var(--ik-main-icon-active-color);color:var(--el-color-primary)}

package/dist/IkBtnContent/ik.index.es.js

@@ -0,0 +1,80 @@
+import { defineComponent as y, ref as b, watchEffect as C, createVNode as l, resolveComponent as d, withDirectives as x, mergeProps as I, resolveDirective as S } from "vue";
+import { MoreFilled as h } from "@element-plus/icons-vue";
+const B = (n, t) => (n.install = (c) => {
+  for (const i of [n, ...Object.values({})])
+    c.component(i.name, i);
+}, n), D = /* @__PURE__ */ y({
+  name: "IkBtnContent",
+  components: {
+    MoreFilled: h
+  },
+  props: {
+    // 外部显示数量
+    num: {
+      type: Number,
+      default: 3
+    },
+    // 如何触发展开
+    trigger: {
+      type: String,
+      default: "click"
+    },
+    // 展开位置
+    placement: {
+      type: String,
+      default: "bottom"
+    }
+  },
+  setup(n, {
+    slots: t,
+    attrs: c
+  }) {
+    const i = b(null), p = b(0), f = (r) => r == null ? void 0 : r.filter((u) => typeof u.children != "string");
+    return C(() => {
+      var r, u, o;
+      i.value = (u = (r = t.default) == null ? void 0 : r.call(t)) == null ? void 0 : u.filter((a) => typeof a.children != "string"), p.value = ((o = i.value) == null ? void 0 : o.length) || 0;
+    }), () => {
+      var r, u;
+      return l("div", {
+        class: "flex"
+      }, [
+        // 未超出限制按钮渲染
+        (u = f((r = t.default) == null ? void 0 : r.call(t))) == null ? void 0 : u.map((o, a) => a + 1 > n.num ? null : o),
+        // 超出限制按钮渲染
+        p.value > n.num ? l(d("el-dropdown"), {
+          trigger: n.trigger,
+          "popper-class": "gl-btn-content"
+        }, {
+          default: () => l(d("el-icon"), {
+            title: "更多",
+            class: "ml-[12px] more-operate"
+          }, {
+            default: () => [l(h, null, null)]
+          }),
+          dropdown: () => l(d("el-dropdown-menu"), null, {
+            default: () => {
+              var o, a;
+              return [p.value > n.num ? (a = f((o = t.default) == null ? void 0 : o.call(t))) == null ? void 0 : a.map((e, k) => k < n.num ? null : l(d("el-dropdown-item"), null, {
+                default: () => {
+                  var m, g;
+                  return [x(l(d("el-button"), I(e == null ? void 0 : e.props, {
+                    link: !0
+                  }), {
+                    default: () => {
+                      var v, w;
+                      return [((v = e == null ? void 0 : e.props) == null ? void 0 : v.title) || ((w = e == null ? void 0 : e.props) == null ? void 0 : w.label)];
+                    }
+                  }), [[S("role"), (g = (m = e == null ? void 0 : e.dirs) == null ? void 0 : m[0]) == null ? void 0 : g.value]])];
+                }
+              })) : null];
+            }
+          })
+        }) : null
+      ]);
+    };
+  }
+}), j = B(D);
+export {
+  j as IkBtnContent,
+  j as default
+};

package/dist/IkCollapseCard/ik-next-ui.css

@@ -0,0 +1 @@
+.ik-icon[data-v-701f2359]{cursor:pointer;outline:none;border-radius:var(--ik-radius)}.ik-icon[data-v-701f2359] .el-tooltip__trigger{width:inherit;height:inherit}.ik-icon .iconfont[data-v-701f2359]{display:inline-flex;align-items:center;justify-content:center}.ik-icon .two-color-icon[data-v-701f2359]{transition:all .2s ease}.ik-icon.margin+.ik-icon[data-v-701f2359]:not(.un-margin){margin-left:var(--ik-margin-8)}.ik-icon:not(.is-disabled):hover .two-color-icon[data-v-701f2359]{--ik-icon-deep-color: var(--ik-icon-deep-hover);--ik-icon-shallow-color: var(--ik-icon-shallow-hover)}.ik-icon.is-active .two-color-icon[data-v-701f2359]{--ik-icon-deep-color: var(--ik-icon-deep-active);--ik-icon-shallow-color: var(--ik-icon-shallow-active)}.ik-icon.is-disabled .two-color-icon[data-v-701f2359]{--ik-icon-deep-color: var(--ik-icon-deep-disabled);--ik-icon-shallow-color: var(--ik-icon-shallow-disabled);cursor:not-allowed;opacity:.6}.ik-icon.is-success:not(.is-disabled):hover .two-color-icon[data-v-701f2359]{--ik-icon-deep-color: var(--ik-icon-success-deep-hover);--ik-icon-shallow-color: var(--ik-icon-success-shallow-hover)}.ik-icon.is-success.is-active .two-color-icon[data-v-701f2359]{--ik-icon-deep-color: var(--ik-icon-success-deep-active);--ik-icon-shallow-color: var(--ik-icon-success-shallow-active)}.ik-icon.is-warning:not(.is-disabled):hover .two-color-icon[data-v-701f2359]{--ik-icon-deep-color: var(--ik-icon-warning-deep-hover);--ik-icon-shallow-color: var(--ik-icon-warning-shallow-hover)}.ik-icon.is-warning.is-active .two-color-icon[data-v-701f2359]{--ik-icon-deep-color: var(--ik-icon-warning-deep-active);--ik-icon-shallow-color: var(--ik-icon-warning-shallow-active)}.ik-icon.is-danger:not(.is-disabled):hover .two-color-icon[data-v-701f2359]{--ik-icon-deep-color: var(--ik-icon-danger-deep-hover);--ik-icon-shallow-color: var(--ik-icon-danger-shallow-hover)}.ik-icon.is-danger.is-active .two-color-icon[data-v-701f2359]{--ik-icon-deep-color: var(--ik-icon-danger-deep-active);--ik-icon-shallow-color: var(--ik-icon-danger-shallow-active)}.ik-icon.is-error:not(.is-disabled):hover .two-color-icon[data-v-701f2359]{--ik-icon-deep-color: var(--ik-icon-danger-deep-hover);--ik-icon-shallow-color: var(--ik-icon-danger-shallow-hover)}.ik-icon.is-error.is-active .two-color-icon[data-v-701f2359]{--ik-icon-deep-color: var(--ik-icon-danger-deep-active);--ik-icon-shallow-color: var(--ik-icon-danger-shallow-active)}.ik-icon.text-danger[data-v-701f2359]:hover,.ik-icon .iksvg_shanchu[data-v-701f2359]:hover{color:var(--ik-color-error)}.ik-icon.is-active[data-v-701f2359]{color:var(--ik-color-primary)}.ik-icon.bg[data-v-701f2359]{color:var(--ik-icon-color);background-color:var(--ik-icon-bg)}.ik-icon.bg.is-active[data-v-701f2359]{color:var(--ik-color-primary);background-color:var(--ik-icon-hover-bg)}.ik-icon.bg[data-v-701f2359]:not(.is-disabled):hover{color:var(--ik-color-primary);background-color:var(--ik-icon-hover-bg)}.ik-icon.bg.is-disabled[data-v-701f2359]{background-color:var(--ik-icon-disabled-bg)}.ik-icon.bg.is-success.is-active[data-v-701f2359]{color:var(--ik-color-success);background-color:var(--ik-icon-success-hover-bg)}.ik-icon.bg.is-success[data-v-701f2359]:not(.is-disabled):hover{color:var(--ik-color-success);background-color:var(--ik-icon-success-hover-bg)}.ik-icon.bg.is-warning.is-active[data-v-701f2359]{color:var(--ik-color-warning);background-color:var(--ik-icon-warning-hover-bg)}.ik-icon.bg.is-warning[data-v-701f2359]:not(.is-disabled):hover{color:var(--ik-color-warning);background-color:var(--ik-icon-warning-hover-bg)}.ik-icon.bg.is-danger.is-active[data-v-701f2359]{color:var(--ik-color-error);background-color:var(--ik-icon-danger-hover-bg)}.ik-icon.bg.is-danger[data-v-701f2359]:not(.is-disabled):hover{color:var(--ik-color-error);background-color:var(--ik-icon-danger-hover-bg)}.ik-icon.bg.is-error.is-active[data-v-701f2359]{color:var(--ik-color-error);background-color:var(--ik-icon-error-hover-bg)}.ik-icon.bg.is-error[data-v-701f2359]:not(.is-disabled):hover{color:var(--ik-color-error);background-color:var(--ik-icon-error-bg)}.ik-icon.bg.text-danger.is-active[data-v-701f2359]{color:var(--ik-color-error);background-color:var(--ik-danger-light-2)}.ik-icon.bg.text-danger[data-v-701f2359]:not(.is-disabled):hover{color:var(--ik-color-error);background-color:var(--ik-danger-light-2)}.ik-icon.bg .iksvg_shanchu[data-v-701f2359]:hover{color:var(--ik-color-error);background-color:var(--ik-danger-light-2)}.ik-icon.bg svg[data-v-701f2359]{padding:21%}.ik-collapse-box-card[data-v-f29f6bf5]{flex:1;margin-bottom:20px;--el-card-border-radius: 0}.ik-collapse-box-card[data-v-f29f6bf5] .el-card__header{padding:12px;color:var(--el-text-color-regular);background-color:var(--el-bg-color-page);border-bottom:none}.ik-collapse-box-card[data-v-f29f6bf5] .el-card__header .el-button.is-link:hover{--ik-icon-deep-color: var(--ik-color-primary);--ik-icon-shallow-color: var(--ik-icon-shallow-hover)}.ik-collapse-box-card[data-v-f29f6bf5] .ik-svg-icon{transition:all .25s}.ik-collapse-box-card[data-v-f29f6bf5] .ik-svg-icon.toogle{transform:rotate(-90deg)}.ik-collapse-box-card.hiddened[data-v-f29f6bf5] .el-card__body{grid-template-rows:0fr;padding-top:0!important;padding-bottom:0!important;overflow:hidden;opacity:0}.ik-collapse-box-card[data-v-f29f6bf5] .el-card__body{display:grid;grid-template-rows:1fr;padding:0;overflow:hidden!important;opacity:1;transition:all .25s ease}.ik-collapse-box-card[data-v-f29f6bf5] .el-card__body table>tbody>tr>td>.cell .cell-icon{font-size:14px}.ik-collapse-box-card[data-v-f29f6bf5] .el-card__body table>tbody>tr>td>.cell .el-button span{margin-left:3px}