fangguo-component 1.1.0 → 1.1.2

package/dist/SelectTree-C7lBZnZH.js

@@ -1,306 +0,0 @@
-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/SortTransfer.css

@@ -1 +0,0 @@
-.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

@@ -1,153 +0,0 @@
-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 _
-};

package/dist/TextCopy.vue_vue_type_script_setup_true_lang-DbhZGH_z.js

@@ -1,29 +0,0 @@
-import { defineComponent as l, openBlock as o, createElementBlock as n, createElementVNode as r, normalizeStyle as a, toDisplayString as i, unref as c, createCommentVNode as m } from "vue";
-import { m as s } from "./common-BIEgCXbl.js";
-const x = { class: "leading-[16px]" }, y = /* @__PURE__ */ l({
-  __name: "TextCopy",
-  props: {
-    text: String,
-    defaultSymbol: {
-      default: "-"
-    },
-    color: {
-      default: "#0b0c24"
-    }
-  },
-  setup(t) {
-    return (d, e) => (o(), n("span", x, [
-      r("span", {
-        style: a({ color: t.color })
-      }, i(t.text || t.defaultSymbol), 5),
-      t.text ? (o(), n("i", {
-        key: 0,
-        class: "iconfont icon-fuzhidingdan ml-[4px] text-[12px] text-fill-900 cursor-pointer transition-all hover:text-primary",
-        onClick: e[0] || (e[0] = (f) => c(s)(t.text))
-      })) : m("", !0)
-    ]));
-  }
-});
-export {
-  y as _
-};

package/dist/TipInput-CIskitOV.js

@@ -1,117 +0,0 @@
-import { defineComponent as h, ref as p, computed as S, resolveComponent as $, openBlock as r, createElementBlock as v, normalizeClass as c, createElementVNode as o, toDisplayString as d, createBlock as B, withCtx as y, withDirectives as m, vModelDynamic as g, vShow as V, createCommentVNode as b } from "vue";
-import { _ as D } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import './TipInput.css';const F = ["maxlength", "type"], I = ["maxlength", "type"], N = { class: "flex items-center" }, R = /* @__PURE__ */ h({
-  __name: "TipInput",
-  props: {
-    placeholder: {
-      type: String,
-      default: () => ""
-    },
-    value: {
-      type: String,
-      default: () => ""
-    },
-    type: {
-      type: String,
-      default: () => "text"
-    },
-    errorTip: {
-      type: String,
-      default: () => ""
-    },
-    maxlength: {
-      type: Number,
-      default: () => 20
-    }
-  },
-  emits: ["update:value"],
-  setup(i, { emit: x }) {
-    const s = p(), u = i, a = p(!1), l = p(u.type), k = x, n = S({
-      get() {
-        return u.value;
-      },
-      set(f) {
-        k("update:value", f);
-      }
-    }), w = () => {
-      l.value === "text" ? l.value = "password" : l.value = "text";
-    }, C = () => {
-      s.value.focus();
-    };
-    return (f, e) => {
-      const T = $("el-popover");
-      return r(), v("figure", {
-        class: c([{ focus: a.value || !!n.value }, "tip-input-wrap"])
-      }, [
-        o("div", {
-          class: "flex relative flex-1 items-center",
-          onClick: C
-        }, [
-          o("label", null, d(i.placeholder), 1),
-          u.errorTip ? (r(), B(T, {
-            key: 0,
-            placement: "left",
-            width: 188,
-            trigger: "click",
-            offset: 40
-          }, {
-            reference: y(() => [
-              m(o("input", {
-                "onUpdate:modelValue": e[0] || (e[0] = (t) => n.value = t),
-                onFocus: e[1] || (e[1] = (t) => a.value = !0),
-                onBlur: e[2] || (e[2] = (t) => a.value = !1),
-                maxlength: i.maxlength,
-                type: l.value,
-                ref_key: "inputRef",
-                ref: s
-              }, null, 40, F), [
-                [
-                  g,
-                  n.value,
-                  void 0,
-                  { trim: !0 }
-                ]
-              ])
-            ]),
-            default: y(() => [
-              o("p", null, d(u.errorTip), 1)
-            ]),
-            _: 1
-          })) : m((r(), v("input", {
-            key: 1,
-            "onUpdate:modelValue": e[3] || (e[3] = (t) => n.value = t),
-            onFocus: e[4] || (e[4] = (t) => a.value = !0),
-            onBlur: e[5] || (e[5] = (t) => a.value = !1),
-            maxlength: i.maxlength,
-            type: l.value,
-            ref_key: "inputRef",
-            ref: s
-          }, null, 40, I)), [
-            [
-              g,
-              n.value,
-              void 0,
-              { trim: !0 }
-            ]
-          ])
-        ]),
-        o("div", N, [
-          m(o("i", {
-            class: "iconfont icon-danchuangguanbi",
-            onClick: e[6] || (e[6] = (t) => n.value = "")
-          }, null, 512), [
-            [V, !!n.value]
-          ]),
-          u.type === "password" ? (r(), v("i", {
-            key: 0,
-            class: c(`eye iconfont !text-[16px] icon-${l.value === "password" ? "yincangmima-xin" : "xianshimima-xin"}`),
-            onClick: w
-          }, null, 2)) : b("", !0)
-        ])
-      ], 2);
-    };
-  }
-}), U = /* @__PURE__ */ D(R, [["__scopeId", "data-v-9b8163e3"]]);
-export {
-  U as T
-};

package/dist/TipInput.css

@@ -1 +0,0 @@
-.tip-input-wrap.focus label[data-v-9b8163e3]{top:4px;font-size:12px;pointer-events:none}.tip-input-wrap[data-v-9b8163e3]{display:flex;padding:0 16px;height:52px;background:#f5f7fa;border-radius:8px}.tip-input-wrap input[data-v-9b8163e3]{display:block;padding:20px 0 0;width:100%;height:52px;font-size:16px;color:#222;background:none;border:none;outline:none;letter-spacing:0;line-height:16px;flex:1;-webkit-appearance:none;appearance:none}.tip-input-wrap label[data-v-9b8163e3]{position:absolute;top:calc(50% - 10px);left:0;font-size:16px;color:#828282;transition:all .1s linear}.tip-input-wrap .iconfont[data-v-9b8163e3]{font-size:12px;color:#ccc;cursor:pointer}.tip-input-wrap .iconfont.eye[data-v-9b8163e3]{margin-left:20px;color:#999}.tip-input-wrap .eye.icon-xianshimima[data-v-9b8163e3]{font-size:16px}