fangguo-component 1.0.0 → 1.1.0

package/dist/SelectAll2.vue_vue_type_script_setup_true_lang-CaET5eli.js

@@ -0,0 +1,74 @@
+import { defineComponent as k, useModel as g, ref as r, watch as p, onMounted as L, resolveComponent as b, openBlock as h, createBlock as A, mergeProps as C, mergeModels as d, nextTick as S } from "vue";
+const _ = /* @__PURE__ */ k({
+  __name: "SelectAll2",
+  props: /* @__PURE__ */ d({
+    labelkey: {
+      type: String,
+      default: "label"
+    },
+    valuekey: {
+      type: String,
+      default: "value"
+    },
+    binds: {
+      type: Object,
+      default: () => ({})
+    },
+    list: {
+      // 传入的列表
+      type: Array,
+      default: () => []
+    }
+  }, {
+    modelValue: { type: Array },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ d(["change", "clear"], ["update:modelValue"]),
+  setup(i, { emit: y }) {
+    const t = g(i, "modelValue"), v = y, e = i, l = r([]);
+    p(() => e.list, () => {
+      c();
+    }), p(t, (u, o) => {
+      JSON.stringify(u) !== JSON.stringify(o) && (l.value = t.value);
+    });
+    const c = () => {
+      const u = JSON.parse(JSON.stringify(e.list));
+      u.unshift({ [e.labelkey]: "全部选择", [e.valuekey]: "ALL" }), a.value = u;
+    }, a = r([]), f = (u) => {
+      S(() => {
+        if (l.value.includes("ALL")) {
+          const o = [], s = [];
+          a.value.forEach((n) => {
+            n[e.valuekey] !== "ALL" && !l.value.includes(n[e.valuekey]) && (o.push(n[e.valuekey]), s.push(n[e.valuekey]));
+          }), l.value = s, a.value[0][e.valuekey] = "CANCEL", a.value[0][e.labelkey] = "全部取消";
+        } else l.value.includes("CANCEL") && (l.value = [], a.value[0][e.valuekey] = "ALL", a.value[0][e.labelkey] = "全部选择");
+        t.value = l.value, v("change", t.value);
+      });
+    }, m = () => {
+      t.value = [], a.value[0][e.valuekey] = "ALL", a.value[0][e.labelkey] = "全部选择", v("clear");
+    };
+    return L(() => {
+      c(), l.value = t.value;
+    }), (u, o) => {
+      const s = b("el-select-v2");
+      return h(), A(s, C({
+        filterable: "",
+        modelValue: l.value,
+        "onUpdate:modelValue": o[0] || (o[0] = (n) => l.value = n)
+      }, i.binds, {
+        options: a.value,
+        style: { width: "150px" },
+        multiple: "",
+        clearable: "",
+        "collapse-tags": "",
+        "collapse-tags-tooltip": "",
+        onChange: f,
+        onClear: m,
+        height: 300
+      }), null, 16, ["modelValue", "options"]);
+    };
+  }
+});
+export {
+  _
+};

package/dist/SelectCustomAll.css

@@ -0,0 +1 @@
+.custom-header .el-checkbox{display:flex;height:unset}

package/dist/SelectCustomAll.vue_vue_type_style_index_0_lang-_wCRO217.js

@@ -0,0 +1,83 @@
+import { defineComponent as A, ref as i, useModel as C, watch as b, resolveComponent as c, openBlock as m, createBlock as h, mergeProps as g, createSlots as M, withCtx as f, createElementBlock as S, Fragment as _, renderList as x, createVNode as w, createTextVNode as B, mergeModels as L } from "vue";
+import './SelectCustomAll.css';const O = /* @__PURE__ */ A({
+  __name: "SelectCustomAll",
+  props: /* @__PURE__ */ L({
+    list: {
+      // 传入的列表
+      type: Array,
+      default: () => []
+    },
+    label: {
+      type: String,
+      default: "label"
+    },
+    value: {
+      type: String,
+      default: "value"
+    },
+    selectAll: {
+      type: Boolean,
+      default: !0
+    }
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(v) {
+    const l = v, n = i(JSON.parse(JSON.stringify(l.list))), a = C(v, "modelValue"), s = i(!1), u = i(!1), p = () => {
+      if (a.value.length) {
+        const t = a.value.some((r) => n.value.some((d) => d[l.value] === r));
+        n.value.every((r) => a.value.some((d) => r[l.value] === d)) ? (s.value = !0, u.value = !1) : t ? u.value = !0 : (s.value = !1, u.value = !1);
+      } else
+        u.value = !1, s.value = !1;
+    }, V = (t) => {
+      n.value = l.list.filter((e) => e[l.label].toLowerCase().indexOf(t.toLowerCase()) >= 0), p();
+    };
+    b(() => a.value, () => {
+      p();
+    });
+    const k = (t) => {
+      u.value = !1, t ? a.value = n.value.map((e) => e[l.value]) : a.value = [];
+    };
+    return (t, e) => {
+      const r = c("el-checkbox"), d = c("el-option"), y = c("el-select");
+      return m(), h(y, g(t.$attrs, {
+        modelValue: a.value,
+        "onUpdate:modelValue": e[1] || (e[1] = (o) => a.value = o),
+        "filter-method": V,
+        placeholder: "请选择"
+      }), M({
+        default: f(() => [
+          (m(!0), S(_, null, x(n.value, (o) => (m(), h(d, {
+            key: o.value,
+            label: o[l.label],
+            value: o[l.value]
+          }, null, 8, ["label", "value"]))), 128))
+        ]),
+        _: 2
+      }, [
+        v.selectAll ? {
+          name: "header",
+          fn: f(() => [
+            w(r, {
+              modelValue: s.value,
+              "onUpdate:modelValue": e[0] || (e[0] = (o) => s.value = o),
+              indeterminate: u.value,
+              onChange: k
+            }, {
+              default: f(() => [...e[2] || (e[2] = [
+                B(" 全选 ", -1)
+              ])]),
+              _: 1
+            }, 8, ["modelValue", "indeterminate"])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["modelValue"]);
+    };
+  }
+});
+export {
+  O as _
+};

package/dist/SelectTimePicker.vue_vue_type_script_setup_true_lang-Bj0KMOKv.js

@@ -0,0 +1,45 @@
+import { defineComponent as u, useModel as c, resolveComponent as m, openBlock as i, createElementBlock as p, createVNode as d, unref as o, mergeModels as f } from "vue";
+import { dayjs as s } from "element-plus";
+import { s as V } from "./dateShortcuts-DDPtAhDI.js";
+const v = { class: "flex" }, k = /* @__PURE__ */ u({
+  __name: "SelectTimePicker",
+  props: /* @__PURE__ */ f({
+    mapData: {},
+    selectOption: {},
+    propsConfig: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(e) {
+    const l = c(e, "modelValue");
+    return (h, t) => {
+      const n = m("el-select-v2"), r = m("el-date-picker");
+      return i(), p("div", v, [
+        d(n, {
+          modelValue: l.value[e.mapData.selectLabel],
+          "onUpdate:modelValue": t[0] || (t[0] = (a) => l.value[e.mapData.selectLabel] = a),
+          options: e.selectOption,
+          placeholder: "时间类型",
+          style: { width: "125px" },
+          clearable: ""
+        }, null, 8, ["modelValue", "options"]),
+        d(r, {
+          modelValue: l.value[e.mapData.timeLabel],
+          "onUpdate:modelValue": t[1] || (t[1] = (a) => l.value[e.mapData.timeLabel] = a),
+          type: "daterange",
+          "value-format": "x",
+          "start-placeholder": "开始时间",
+          "end-placeholder": "结束时间",
+          defaultTime: [o(s)().startOf("day"), o(s)().endOf("day")],
+          shortcuts: o(V),
+          style: { width: "260px" }
+        }, null, 8, ["modelValue", "defaultTime", "shortcuts"])
+      ]);
+    };
+  }
+});
+export {
+  k as _
+};

package/dist/SelectTree-C7lBZnZH.js

@@ -0,0 +1,306 @@
+import './SelectTree.css';var S = (t, J, w) => new Promise((d, a) => {
+  var y = (o) => {
+    try {
+      v(w.next(o));
+    } catch (b) {
+      a(b);
+    }
+  }, x = (o) => {
+    try {
+      v(w.throw(o));
+    } catch (b) {
+      a(b);
+    }
+  }, v = (o) => o.done ? d(o.value) : Promise.resolve(o.value).then(y, x);
+  v((w = w.apply(t, J)).next());
+});
+import { defineComponent as oe, ref as m, watch as T, computed as ce, nextTick as B, onMounted as se, resolveComponent as k, openBlock as K, createBlock as X, withCtx as f, createElementBlock as P, toDisplayString as D, createCommentVNode as E, createVNode as g, createElementVNode as C, normalizeStyle as Y, normalizeClass as z, createTextVNode as W, withDirectives as ue, withModifiers as Z, vModelText as ne } from "vue";
+import { _ as de } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ie = {
+  key: 0,
+  class: "select-tree-normal-value"
+}, re = { class: "max-h-[280px] overflow-y-auto" }, ve = { class: "select-tree-normal-placeholder cursor-default" }, he = ["disabled", "placeholder"], pe = ["title"], fe = /* @__PURE__ */ oe({
+  __name: "SelectTree",
+  props: {
+    modelValue: {},
+    placeholder: { default: "请选择" },
+    data: {},
+    checkoutAll: { type: Boolean, default: !0 },
+    multiple: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    props: {},
+    height: {},
+    width: {},
+    calcWidth: {},
+    filter: {},
+    wrapclass: {},
+    inputClass: {},
+    selectAllNode: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue", "change", "visible-change"],
+  setup(t, { expose: J, emit: w }) {
+    const d = w, a = t, y = m([]), x = (l, e) => {
+      var i, p, s;
+      const c = ((i = a.props) == null ? void 0 : i.label) || "label";
+      return ((p = (e[c] || "").toLowerCase()) == null ? void 0 : p.includes(l.toLowerCase())) || ((s = e.searchKey || "") == null ? void 0 : s.toLocaleLowerCase().includes(l.toLowerCase()));
+    }, v = m(!1), o = m(null), b = m([]), O = m([]), u = m([]), h = m(""), N = m(!1), $ = m("");
+    T(v, (l) => {
+      o.value.setExpandedKeys([]), d("visible-change", v.value), l ? F.value.focus() : (h.value = "", F.value.blur(), o.value && o.value.filter("")), !a.multiple && (h.value = $.value, o.value.filter(""));
+    });
+    const F = m(null), q = (l) => {
+      o.value.filter(l.target.value);
+    }, _ = (l) => {
+      a.multiple || l.children || ($.value = l[a.props && a.props.label || "label"], h.value = l[a.props && a.props.label || "label"], v.value = !1, d("update:modelValue", l[n.value]), d("change", l[n.value], o.value.getCheckedNodes()));
+    }, n = ce(() => a.props && a.props.value ? a.props.value : "id"), R = (l) => {
+      o.value.setChecked(l[n.value], !1), H({
+        checkedKeys: o.value.getCheckedKeys(),
+        checkedNodes: o.value.getCheckedNodes()
+      }), d("update:modelValue", u.value.map((e) => e[n.value])), d("change", u.value.map((e) => e[n.value]), o.value.getCheckedNodes());
+    }, H = (l) => {
+      b.value = l.checkedKeys, O.value = l.checkedNodes, u.value = l.checkedNodes.filter((e) => !e.children);
+    }, ee = (l, e) => {
+      if (a.multiple && F.value.focus(), !a.selectAllNode && l && l.children && h.value) {
+        const c = l.children.filter((s) => (a.filter || x)(h.value, s)).map((s) => s[n.value]);
+        if (!c.length) {
+          A();
+          return;
+        }
+        const p = !b.value.includes(c[0]) ? [...u.value.map((s) => s[n.value]), ...c.map((s) => s)] : u.value.map((s) => s[n.value]).filter((s) => !c.includes(s));
+        d("update:modelValue", p), d("change", p, o.value.getCheckedNodes());
+        return;
+      }
+      H(e), d("update:modelValue", u.value.map((c) => c[n.value])), d("change", u.value.map((c) => c[n.value]), o.value.getCheckedNodes());
+    };
+    T(N, () => {
+      var l;
+      if (N.value) {
+        let e = [], c = [];
+        y.value.forEach((i) => {
+          if (a.selectAllNode && (a.filter || x)(h.value, i)) {
+            const { children: p } = i;
+            e.push(i[n.value]), e = e.concat(p.map((s) => s[n.value])), c = c.concat(p.map((s) => s[n.value]));
+          } else {
+            const { children: p } = i, s = [];
+            let L = !0;
+            p.forEach((V) => {
+              (a.filter || x)(h.value, V) ? s.push(V[n.value]) : L = !1;
+            }), L && e.push(i[n.value]), e = e.concat(s), c = c.concat(s);
+          }
+        }), d("update:modelValue", c), d("change", c, o.value.getCheckedNodes());
+      } else
+        (l = o.value) == null || l.setCheckedKeys([]), b.value = [], O.value = [], u.value = [], d("update:modelValue", u.value.map((e) => e[n.value])), d("change", u.value.map((e) => e[n.value]), o.value.getCheckedNodes());
+    });
+    const U = () => {
+      var l;
+      if (!a.multiple) {
+        $.value = "", h.value = "", d("update:modelValue", ""), d("change", "", o.value.getCheckedNodes());
+        return;
+      }
+      (l = o.value) == null || l.setCheckedKeys([]), b.value = [], O.value = [], u.value = [], N.value = !1, d("update:modelValue", u.value.map((e) => e[n.value])), d("change", u.value.map((e) => e[n.value]), o.value.getCheckedNodes());
+    }, A = () => S(null, null, function* () {
+      var l;
+      if (a.multiple) {
+        const e = [...a.modelValue || []];
+        (l = o.value) == null || l.setCheckedKeys([...e]), yield B(), H({
+          checkedKeys: o.value.getCheckedKeys(),
+          checkedNodes: o.value.getCheckedNodes()
+        });
+      }
+    });
+    T(() => [a.data], () => S(null, null, function* () {
+      y.value = JSON.parse(JSON.stringify(a.data)), yield B(), I(), A();
+    }), {
+      deep: !0
+    });
+    const I = () => {
+      if (!(!y.value.length || a.multiple)) {
+        if (a.modelValue === null || !String(a.modelValue))
+          return h.value = "";
+        j(y.value, a.modelValue);
+      }
+    }, j = (l, e) => {
+      l.forEach((c) => {
+        if (c.children)
+          return j(c.children, e);
+        c.id === e && (h.value = c[a.props && a.props.label || "label"]);
+      });
+    };
+    J({
+      clearCheaked: U,
+      togglePopperVisible: (l) => {
+        v.value = l;
+      }
+    });
+    const G = (l) => {
+      try {
+        return JSON.stringify(l);
+      } catch (e) {
+        return l;
+      }
+    };
+    return T(() => a.modelValue, (l, e) => S(null, null, function* () {
+      const c = G(l), i = G(e);
+      c !== i && (yield B(), I(), A());
+    })), se(() => S(null, null, function* () {
+      yield B(), y.value = JSON.parse(JSON.stringify(a.data)), I(), setTimeout(() => {
+        A();
+      });
+    })), (l, e) => {
+      const c = k("el-tag"), i = k("DynamicScrollerItem"), p = k("DynamicScroller"), s = k("LazyPopover"), L = k("ArrowDown"), V = k("el-icon"), Q = k("CircleClose"), le = k("el-tree-v2"), te = k("el-popover");
+      return K(), X(te, {
+        visible: v.value,
+        "onUpdate:visible": e[4] || (e[4] = (r) => v.value = r),
+        disabled: t.disabled,
+        placement: "bottom",
+        trigger: "click",
+        width: `${t.width}`
+      }, {
+        reference: f(() => [
+          C("div", {
+            class: z(["select-tree", t.wrapclass]),
+            style: Y({ width: (t.calcWidth ? t.calcWidth : t.width) + "px" })
+          }, [
+            C("div", {
+              class: z(["select-tree-wrapper", { "is-focused": v.value }]),
+              style: Y({ width: t.calcWidth ? "100%" : t.width + "px", backgroundColor: t.disabled ? "#F5F9FF" : "" })
+            }, [
+              u.value.length ? (K(), P("div", ie, [
+                g(c, {
+                  class: "m-val-tag mx-[5px]",
+                  type: "info",
+                  title: u.value[0][t.props && t.props.label || "label"],
+                  closable: "",
+                  onClose: e[0] || (e[0] = (r) => R(u.value[0]))
+                }, {
+                  default: f(() => [
+                    W(D(u.value[0][t.props && t.props.label || "label"]), 1)
+                  ]),
+                  _: 1
+                }, 8, ["title"]),
+                u.value.length > 1 ? (K(), X(s, {
+                  key: 0,
+                  width: `${t.width}px`
+                }, {
+                  reference: f(() => [
+                    g(c, { type: "info" }, {
+                      default: f(() => [
+                        W("+ " + D(u.value.length - 1), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  default: f(() => [
+                    C("div", re, [
+                      g(p, {
+                        ref: "DynamicScrollerRef",
+                        class: "dynamic-scroller-ref",
+                        style: { height: "280px" },
+                        keyField: n.value,
+                        items: u.value.filter((r, M) => M !== 0),
+                        "min-item-size": 20
+                      }, {
+                        default: f(({ item: r, index: M, active: ae }) => [
+                          g(i, {
+                            item: r,
+                            active: ae,
+                            "data-index": M
+                          }, {
+                            default: f(() => [
+                              g(c, {
+                                class: "mr-[5px] mt-[5px]",
+                                closable: "",
+                                onClose: (ge) => R(r)
+                              }, {
+                                default: f(() => [
+                                  W(D(r[t.props && t.props.label || "label"]), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["onClose"])
+                            ]),
+                            _: 2
+                          }, 1032, ["item", "active", "data-index"])
+                        ]),
+                        _: 1
+                      }, 8, ["keyField", "items"])
+                    ])
+                  ]),
+                  _: 1
+                }, 8, ["width"])) : E("", !0)
+              ])) : E("", !0),
+              C("div", ve, [
+                ue(C("input", {
+                  ref_key: "inputRef",
+                  ref: F,
+                  "onUpdate:modelValue": e[1] || (e[1] = (r) => h.value = r),
+                  class: z(t.inputClass),
+                  disabled: t.disabled,
+                  style: { height: "24px" },
+                  type: "text",
+                  placeholder: t.placeholder,
+                  onKeydown: e[2] || (e[2] = Z(() => {
+                  }, ["stop"])),
+                  onInput: q
+                }, null, 42, he), [
+                  [ne, h.value]
+                ])
+              ]),
+              C("div", {
+                class: z(["select-tree-arrow", { "is-focused": v.value }])
+              }, [
+                g(V, null, {
+                  default: f(() => [
+                    g(L)
+                  ]),
+                  _: 1
+                })
+              ], 2),
+              !t.disabled && (t.multiple && u.value.length || !t.multiple && t.modelValue) ? (K(), P("div", {
+                key: 1,
+                class: "select-tree-clear",
+                onClick: Z(U, ["stop"])
+              }, [
+                g(V, null, {
+                  default: f(() => [
+                    g(Q)
+                  ]),
+                  _: 1
+                })
+              ])) : E("", !0)
+            ], 6)
+          ], 6)
+        ]),
+        default: f(() => [
+          t.multiple && t.checkoutAll ? (K(), P("div", {
+            key: 0,
+            class: "px-[10px] pb-[10px] border-b-[1px] mb-[5px] border-b-[#f5f5f5] cursor-pointer",
+            onClick: e[3] || (e[3] = (r) => N.value = !N.value)
+          }, D(N.value ? "全部取消" : "全部选择当前"), 1)) : E("", !0),
+          g(le, {
+            ref_key: "tree",
+            ref: o,
+            style: { width: "100%" },
+            class: "custom-select-tree-box",
+            data: y.value,
+            props: t.props,
+            "show-checkbox": t.multiple,
+            height: t.height,
+            "filter-method": t.filter || x,
+            onNodeClick: _,
+            onCheck: ee
+          }, {
+            default: f(({ node: r }) => [
+              C("span", {
+                title: r.label
+              }, D(r.label), 9, pe)
+            ]),
+            _: 1
+          }, 8, ["data", "props", "show-checkbox", "height", "filter-method"])
+        ]),
+        _: 1
+      }, 8, ["visible", "disabled", "width"]);
+    };
+  }
+}), Ce = /* @__PURE__ */ de(fe, [["__scopeId", "data-v-9e85273f"]]);
+export {
+  Ce as S
+};

package/dist/SelectTree.css

@@ -0,0 +1 @@
+.select-tree[data-v-9e85273f]{display:inline-block;width:100%}.select-tree .select-tree-wrapper[data-v-9e85273f]{position:relative;display:flex;align-items:center;padding-right:30px;min-height:32px;background-color:#fff;border:1px solid #dcdfe6;border-radius:4px;flex-wrap:nowrap}.select-tree .select-tree-wrapper.is-focused[data-v-9e85273f]{border-color:#4485f5}.select-tree .select-tree-wrapper .select-tree-normal-placeholder[data-v-9e85273f]{overflow:hidden;flex:1;line-height:30px;margin-inline-start:5px;color:#000}.select-tree .select-tree-wrapper .select-tree-normal-placeholder input[data-v-9e85273f]:focus-visible{outline:none}.select-tree .select-tree-wrapper .select-tree-normal-value[data-v-9e85273f]{display:contents;padding:5px 4px;margin-right:-12px;text-wrap:nowrap}.select-tree .select-tree-wrapper .select-tree-normal-value .m-val-tag[data-v-9e85273f]{max-width:60%}.select-tree .select-tree-wrapper .select-tree-normal-value .m-val-tag[data-v-9e85273f] .el-tag__content{display:inline-block;overflow:hidden;width:100%;text-overflow:ellipsis}.select-tree .select-tree-wrapper .select-tree-arrow[data-v-9e85273f]{position:absolute;top:8px;right:10px;color:#a8abb2;transition:all .3s;transform:rotateX(0)}.select-tree .select-tree-wrapper .select-tree-arrow.is-focused[data-v-9e85273f]{transform:rotate(-180deg)}.select-tree .select-tree-wrapper:hover .select-tree-clear[data-v-9e85273f]{display:block}.select-tree .select-tree-wrapper .select-tree-clear[data-v-9e85273f]{position:absolute;top:8px;right:10px;display:none;color:#a8abb2;background:#fff;transition:all .3s;cursor:pointer;transform:rotateX(0)}.custom-select-tree-box .el-tree-node__content span{display:inline-block;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}

package/dist/SortTransfer.css

@@ -0,0 +1 @@
+.sort-transfer .el-checkbox__label{padding-left:3px}.sort-transfer .el-checkbox{height:24px}

package/dist/SortTransfer.vue_vue_type_style_index_0_lang-C5OmBF3s.js

@@ -0,0 +1,153 @@
+import './SortTransfer.css';var q = Object.defineProperty, z = Object.defineProperties;
+var G = Object.getOwnPropertyDescriptors;
+var N = Object.getOwnPropertySymbols;
+var H = Object.prototype.hasOwnProperty, J = Object.prototype.propertyIsEnumerable;
+var S = (o, l, n) => l in o ? q(o, l, { enumerable: !0, configurable: !0, writable: !0, value: n }) : o[l] = n, V = (o, l) => {
+  for (var n in l || (l = {}))
+    H.call(l, n) && S(o, n, l[n]);
+  if (N)
+    for (var n of N(l))
+      J.call(l, n) && S(o, n, l[n]);
+  return o;
+}, D = (o, l) => z(o, G(l));
+import { defineComponent as K, reactive as O, ref as L, onMounted as P, resolveComponent as m, openBlock as f, createBlock as Q, withCtx as i, createElementVNode as a, renderSlot as R, toDisplayString as x, createElementBlock as g, Fragment as B, renderList as U, withModifiers as k, createVNode as _, createTextVNode as h } from "vue";
+const W = { class: "flex flex-col" }, X = { class: "flex mt-[10px]" }, Y = { class: "w-[80px] flex-shrink-0 text-right pr-[5px]" }, Z = { class: "flex flex-auto flex-wrap p-[5px] border rounded-[5px]" }, ee = ["onDragstart", "onDragover"], te = ["onClick"], oe = { class: "flex mt-[10px]" }, le = { class: "w-[80px] flex-shrink-0 text-right pr-[5px]" }, ne = { class: "flex flex-auto flex-wrap p-[5px] border rounded-[5px]" }, re = /* @__PURE__ */ K({
+  __name: "SortTransfer",
+  props: {
+    show: {
+      type: Boolean,
+      default: () => !1
+    },
+    title: {
+      type: String,
+      default: () => "订单操作按钮配置"
+    },
+    label1: {
+      type: String,
+      default: () => "展示"
+    },
+    label2: {
+      type: String,
+      default: () => "更多操作"
+    },
+    sortList: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["close", "done"],
+  setup(o, { emit: l }) {
+    const n = o, d = O({
+      old: -1,
+      new: -1
+    }), w = l, s = L([]), r = L([]);
+    P(() => {
+      r.value = [...n.sortList].map((e, t) => D(V({}, e), { id: `originId-${t}` })), C();
+    });
+    const y = () => {
+      w("close");
+    }, E = () => {
+      w("done", s.value);
+    }, C = () => {
+      s.value = r.value.filter((e) => !!e.show).sort((e, t) => e.sort - t.sort);
+    }, M = (e) => {
+      const t = s.value.splice(e, 1)[0], u = r.value.findIndex((v) => v.id === t.id);
+      r.value[u].show = !1;
+    }, T = (e, t) => {
+      r.value[e].show = t, r.value[e].sort = t ? s.value[s.value.length - 1].sort + 1 : -1, C();
+    }, $ = (e) => {
+      d.old = e;
+    }, A = (e) => {
+      d.new = e;
+    }, F = () => {
+      if (d.new === d.old) return;
+      const e = s.value.splice(d.old, 1)[0];
+      s.value.splice(d.new, 0, e), s.value.forEach((t, u) => {
+        t.sort = u + 1;
+      });
+    };
+    return (e, t) => {
+      const u = m("el-tag"), v = m("el-checkbox"), I = m("el-button"), j = m("el-dialog");
+      return f(), Q(j, {
+        "model-value": n.show,
+        title: o.title,
+        closeable: "",
+        class: "sort-transfer",
+        draggable: "",
+        onClose: y,
+        "close-on-click-modal": !1
+      }, {
+        footer: i(() => [
+          _(I, { onClick: y }, {
+            default: i(() => [...t[1] || (t[1] = [
+              h("取消", -1)
+            ])]),
+            _: 1
+          }),
+          _(I, {
+            onClick: E,
+            type: "primary"
+          }, {
+            default: i(() => [...t[2] || (t[2] = [
+              h("确定修改", -1)
+            ])]),
+            _: 1
+          })
+        ]),
+        default: i(() => [
+          a("div", W, [
+            R(e.$slots, "desc"),
+            a("section", X, [
+              a("span", Y, x(o.label1), 1),
+              a("ul", Z, [
+                (f(!0), g(B, null, U(s.value, (c, p) => (f(), g("li", {
+                  key: c.key,
+                  class: "mr-[5px] mb-[5px]",
+                  draggable: "true",
+                  onDragstart: () => $(Number(p)),
+                  onDragover: k(() => A(Number(p)), ["prevent"]),
+                  onDrop: t[0] || (t[0] = k(() => F(), ["prevent"]))
+                }, [
+                  _(u, { class: "cursor-pointer" }, {
+                    default: i(() => [
+                      h(x(c.label) + " ", 1),
+                      a("i", {
+                        onClick: k(() => M(Number(p)), ["prevent"]),
+                        class: "iconfont icon-danchuangguanbi text-[10px]"
+                      }, null, 8, te)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ], 40, ee))), 128))
+              ])
+            ]),
+            a("section", oe, [
+              a("span", le, x(o.label2), 1),
+              a("ul", ne, [
+                (f(!0), g(B, null, U(r.value, (c, p) => (f(), g("li", {
+                  class: "mr-[10px] mb-[5px]",
+                  key: c.key
+                }, [
+                  _(v, {
+                    modelValue: c.show,
+                    "onUpdate:modelValue": (b) => c.show = b,
+                    onChange: (b) => T(Number(p), b)
+                  }, {
+                    default: i(() => [
+                      h(x(c.label), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"])
+                ]))), 128))
+              ])
+            ])
+          ])
+        ]),
+        _: 3
+      }, 8, ["model-value", "title"]);
+    };
+  }
+});
+export {
+  re as _
+};