@yeepay/yee-boss-ui 0.1.0

package/dist/index.js

@@ -0,0 +1,479 @@
+import { inject as I, defineComponent as P, computed as c, provide as K, openBlock as i, createBlock as b, unref as g, withCtx as v, createElementVNode as V, normalizeStyle as j, renderSlot as f, shallowRef as w, createElementBlock as d, withModifiers as Q, Fragment as J, renderList as E, toDisplayString as T, mergeProps as $, createVNode as N, createTextVNode as x, createCommentVNode as h, reactive as W, useSlots as U, useTemplateRef as X, watch as Z, onMounted as ee, onUnmounted as te, withDirectives as oe, vShow as ae, toHandlers as se, createSlots as ie, normalizeProps as R, guardReactiveProps as H, onBeforeUnmount as le, h as re, normalizeClass as S } from "vue";
+import { ConfigProvider as ne, DatePicker as ue, Input as ce, Select as me, Button as F, Tooltip as de } from "ant-design-vue";
+import { r as pe, t as fe, a as he } from "./tokens-Dj_CxJpe.js";
+import { d as rt, l as nt } from "./tokens-Dj_CxJpe.js";
+import { VxeTable as ge, VxeColumn as ve, VxeColgroup as ye, VxeGrid as D, VxeToolbar as be, VxeUI as M } from "vxe-table";
+import { VxeButton as Ve, VxeCheckbox as _e, VxeIcon as Te, VxeInput as Ce, VxeLoading as ke, VxeModal as xe, VxeNumberInput as Pe, VxePager as Se, VxeRadioGroup as $e, VxeSelect as Fe, VxeTooltip as we } from "vxe-pc-ui";
+const z = /* @__PURE__ */ Symbol("platform-theme");
+function tt() {
+  const t = I(z);
+  if (!t)
+    throw new Error("usePlatformTheme 必须在 PlatformConfigProvider 内使用。");
+  return t;
+}
+const Oe = ["data-theme"], Ye = /* @__PURE__ */ P({
+  name: "PlatformConfigProvider",
+  __name: "PlatformConfigProvider",
+  props: {
+    theme: { default: () => ({}) }
+  },
+  setup(t) {
+    const e = t, o = c(() => pe(e.theme)), s = c(() => fe(o.value)), n = c(() => he(o.value));
+    return K(z, o), (l, m) => (i(), b(g(ne), { theme: s.value }, {
+      default: v(() => [
+        V("div", {
+          class: "yee-platform-theme",
+          "data-theme": o.value.mode,
+          style: j(n.value)
+        }, [
+          f(l.$slots, "default", {}, void 0, !0)
+        ], 12, Oe)
+      ]),
+      _: 3
+    }, 8, ["theme"]));
+  }
+}), O = (t, e) => {
+  const o = t.__vccOpts || t;
+  for (const [s, n] of e)
+    o[s] = n;
+  return o;
+}, ot = /* @__PURE__ */ O(Ye, [["__scopeId", "data-v-36f21f18"]]), Ae = { class: "yee-form__fields" }, Ge = { class: "yee-form__label" }, Re = { class: "yee-form__actions" }, He = /* @__PURE__ */ P({
+  name: "YeeForm",
+  __name: "YeeForm",
+  props: {
+    api: {},
+    onReset: { type: Function },
+    onSubmit: { type: Function },
+    options: {}
+  },
+  setup(t) {
+    const e = t, o = ue.RangePicker, s = w(e.options.collapsed ?? !0);
+    e.api.configure(e.options);
+    const n = c(() => e.api.schema.value.filter((u) => !u.hide));
+    function l(u) {
+      return e.api.getFieldValue(u.fieldName);
+    }
+    function m(u) {
+      const p = l(u);
+      return {
+        ...u.componentProps,
+        ...p === void 0 ? {} : { value: p }
+      };
+    }
+    function C(u, p) {
+      e.api.setFieldValue(u.fieldName, p), e.options.submitOnChange && k();
+    }
+    async function Y() {
+      e.api.resetForm(), await e.onReset?.();
+    }
+    async function k() {
+      await e.onSubmit?.(e.api.getValues());
+    }
+    function A(u) {
+      u.key === "Enter" && e.options.submitOnEnter && (u.preventDefault(), k());
+    }
+    function G() {
+      s.value = !s.value, e.options.handleCollapsedChange?.(s.value);
+    }
+    return (u, p) => (i(), d("form", {
+      class: "yee-form",
+      onKeydown: A,
+      onSubmit: Q(k, ["prevent"])
+    }, [
+      V("div", Ae, [
+        (i(!0), d(J, null, E(n.value, (a) => (i(), d("label", {
+          key: a.fieldName,
+          class: "yee-form__field"
+        }, [
+          V("span", Ge, T(a.label), 1),
+          a.component === "Input" ? (i(), b(g(ce), $({
+            key: 0,
+            ref_for: !0
+          }, m(a), {
+            "onUpdate:value": (r) => C(a, r)
+          }), null, 16, ["onUpdate:value"])) : a.component === "Select" ? (i(), b(g(me), $({
+            key: 1,
+            ref_for: !0
+          }, m(a), {
+            "onUpdate:value": (r) => C(a, r)
+          }), null, 16, ["onUpdate:value"])) : (i(), b(g(o), $({
+            key: 2,
+            ref_for: !0
+          }, m(a), {
+            "onUpdate:value": (r) => C(a, r)
+          }), null, 16, ["onUpdate:value"]))
+        ]))), 128))
+      ]),
+      V("div", Re, [
+        N(g(F), {
+          "html-type": "button",
+          onClick: Y
+        }, {
+          default: v(() => [...p[0] || (p[0] = [
+            x(" 重置 ", -1)
+          ])]),
+          _: 1
+        }),
+        N(g(F), {
+          type: "primary",
+          "html-type": "submit"
+        }, {
+          default: v(() => [...p[1] || (p[1] = [
+            x(" 查询 ", -1)
+          ])]),
+          _: 1
+        }),
+        t.options.showCollapseButton ? (i(), b(g(F), {
+          key: 0,
+          type: "link",
+          "html-type": "button",
+          onClick: G
+        }, {
+          default: v(() => [
+            x(T(s.value ? "展开" : "收起"), 1)
+          ]),
+          _: 1
+        })) : h("", !0)
+      ])
+    ], 32));
+  }
+}), Ne = /* @__PURE__ */ O(He, [["__scopeId", "data-v-12e77340"]]);
+class ze {
+  schema = w([]);
+  initialValues = {};
+  values = W({});
+  configure(e) {
+    this.schema.value = e.schema.map((o) => ({ ...o })), this.initialValues = { ...e.initialValues }, this.resetForm();
+  }
+  getFieldValue(e) {
+    return this.values[e];
+  }
+  getValues() {
+    return { ...this.values };
+  }
+  resetForm() {
+    for (const e of Object.keys(this.values))
+      delete this.values[e];
+    Object.assign(this.values, this.initialValues);
+  }
+  setFieldValue(e, o) {
+    this.values[e] = o;
+  }
+  setValues(e) {
+    Object.assign(this.values, e);
+  }
+  updateSchema(e) {
+    const o = new Map(e.map((s) => [s.fieldName, s]));
+    this.schema.value = this.schema.value.map((s) => ({
+      ...s,
+      ...o.get(s.fieldName)
+    }));
+  }
+}
+class Be {
+  formApi = new ze();
+  searchFormVisible;
+  state;
+  grid;
+  constructor(e) {
+    this.state = w(e), this.searchFormVisible = w(e.showSearchForm ?? !0);
+  }
+  mount(e) {
+    this.grid = e;
+  }
+  query = async (e) => (e && this.formApi.setValues(e), this.grid?.commitProxy("query"));
+  reload = async (e) => (e && this.formApi.setValues(e), this.grid?.commitProxy("reload"));
+  setGridOptions(e) {
+    this.setState({
+      gridOptions: {
+        ...this.state.value.gridOptions,
+        ...e
+      }
+    });
+  }
+  setLoading(e) {
+    this.setGridOptions({ loading: e });
+  }
+  setState(e) {
+    this.state.value = {
+      ...this.state.value,
+      ...e
+    };
+  }
+  toggleSearchForm(e) {
+    return this.searchFormVisible.value = e ?? !this.searchFormVisible.value, this.searchFormVisible.value;
+  }
+  unmount() {
+    this.grid = void 0;
+  }
+}
+let B = !1;
+function q() {
+  if (B) return;
+  [
+    ge,
+    ve,
+    ye,
+    D,
+    be,
+    Ve,
+    _e,
+    Te,
+    Ce,
+    ke,
+    xe,
+    Pe,
+    Se,
+    $e,
+    Fe,
+    we
+  ].forEach((e) => M.component(e)), B = !0;
+}
+const Ie = { class: "yee-grid" }, je = {
+  key: 1,
+  class: "yee-grid__separator"
+}, Ee = {
+  key: 0,
+  class: "yee-grid__title"
+}, Ue = /* @__PURE__ */ P({
+  name: "YeeGrid",
+  __name: "YeeGrid",
+  props: {
+    api: {},
+    tableTitle: {},
+    tableTitleHelp: {}
+  },
+  setup(t) {
+    const e = t, o = U(), s = X("gridRef"), n = I(z);
+    q();
+    const l = c(() => e.api.state.value), m = c(() => l.value.formOptions), C = c(() => !!(e.tableTitle || o["table-title"] || o["toolbar-actions"] || o["toolbar-tools"])), Y = c(() => Object.keys(o).filter((a) => ![
+      "empty",
+      "loading",
+      "table-title",
+      "toolbar-actions",
+      "toolbar-tools"
+    ].includes(a))), k = c(() => !!l.value.gridOptions.toolbarConfig?.search), A = c(() => {
+      const a = l.value.gridOptions, r = a.proxyConfig, y = r?.ajax?.query, _ = a.toolbarConfig;
+      return {
+        align: "left",
+        border: "inner",
+        minHeight: 180,
+        showOverflow: "tooltip",
+        size: "medium",
+        ...a,
+        ...a.pagerConfig ? {
+          pagerConfig: {
+            pageSize: 20,
+            pageSizes: [10, 20, 30, 50, 100, 200],
+            layouts: ["Total", "Sizes", "PrevPage", "Number", "NextPage"],
+            ...a.pagerConfig
+          }
+        } : {},
+        ...r ? {
+          proxyConfig: {
+            autoLoad: !0,
+            showResponseMsg: !1,
+            ...r,
+            response: {
+              list: "items",
+              result: "items",
+              total: "total",
+              ...r.response
+            },
+            ...r.ajax ? {
+              ajax: {
+                ...r.ajax,
+                ...y ? {
+                  query: (L) => y(L, e.api.formApi.getValues())
+                } : {}
+              }
+            } : {}
+          }
+        } : {},
+        ..._ || C.value ? {
+          toolbarConfig: {
+            custom: !0,
+            refresh: !0,
+            zoom: !0,
+            ..._,
+            slots: {
+              ...e.tableTitle || o["table-title"] || o["toolbar-actions"] ? { buttons: "toolbarActions" } : {},
+              ...o["toolbar-tools"] || _?.search ? { tools: "toolbarTools" } : {}
+            }
+          }
+        } : {}
+      };
+    }), G = c(() => l.value.gridEvents ?? {});
+    Z(
+      () => n?.value.mode ?? "light",
+      (a) => M.setTheme(a),
+      { immediate: !0 }
+    );
+    async function u() {
+      await e.api.reload();
+    }
+    async function p() {
+      await e.api.reload();
+    }
+    return ee(() => {
+      s.value && e.api.mount(s.value);
+    }), te(() => e.api.unmount()), (a, r) => (i(), d("section", Ie, [
+      m.value ? oe((i(), b(Ne, {
+        key: 0,
+        api: t.api.formApi,
+        options: m.value,
+        "on-reset": p,
+        "on-submit": u
+      }, null, 8, ["api", "options"])), [
+        [ae, t.api.searchFormVisible.value]
+      ]) : h("", !0),
+      m.value && l.value.separator !== !1 ? (i(), d("div", je)) : h("", !0),
+      N(g(D), $({
+        ref_key: "gridRef",
+        ref: s,
+        class: "yee-grid__table"
+      }, A.value, se(G.value)), ie({
+        toolbarActions: v((y) => [
+          f(a.$slots, "table-title", {}, () => [
+            t.tableTitle ? (i(), d("div", Ee, [
+              x(T(t.tableTitle) + " ", 1),
+              t.tableTitleHelp ? (i(), b(g(de), {
+                key: 0,
+                title: t.tableTitleHelp
+              }, {
+                default: v(() => [...r[1] || (r[1] = [
+                  V("span", {
+                    class: "yee-grid__help",
+                    tabindex: "0"
+                  }, "?", -1)
+                ])]),
+                _: 1
+              }, 8, ["title"])) : h("", !0)
+            ])) : h("", !0)
+          ], !0),
+          f(a.$slots, "toolbar-actions", R(H(y)), void 0, !0)
+        ]),
+        toolbarTools: v((y) => [
+          f(a.$slots, "toolbar-tools", R(H(y)), void 0, !0),
+          k.value && m.value ? (i(), b(g(F), {
+            key: 0,
+            size: "small",
+            onClick: r[0] || (r[0] = (_) => t.api.toggleSearchForm())
+          }, {
+            default: v(() => [
+              x(T(t.api.searchFormVisible.value ? "隐藏查询" : "显示查询"), 1)
+            ]),
+            _: 1
+          })) : h("", !0)
+        ]),
+        empty: v(() => [
+          f(a.$slots, "empty", {}, () => [
+            r[2] || (r[2] = V("div", { class: "yee-grid__empty" }, "暂无数据", -1))
+          ], !0)
+        ]),
+        _: 2
+      }, [
+        E(Y.value, (y) => ({
+          name: y,
+          fn: v((_) => [
+            f(a.$slots, y, R(H(_)), void 0, !0)
+          ])
+        }))
+      ]), 1040)
+    ]));
+  }
+}), De = /* @__PURE__ */ O(Ue, [["__scopeId", "data-v-d97be924"]]);
+function at(t) {
+  q();
+  const e = new Be(t), o = De;
+  return [P({
+    name: "YeeGrid",
+    inheritAttrs: !1,
+    props: {
+      tableTitle: String,
+      tableTitleHelp: String
+    },
+    setup(n, { attrs: l, slots: m }) {
+      return le(() => e.unmount()), () => re(o, {
+        ...l,
+        api: e,
+        ...n.tableTitle ? { tableTitle: n.tableTitle } : {},
+        ...n.tableTitleHelp ? { tableTitleHelp: n.tableTitleHelp } : {}
+      }, m);
+    }
+  }), e];
+}
+const Me = { class: "yee-page__heading" }, qe = {
+  key: 0,
+  class: "yee-page__title"
+}, Le = {
+  key: 0,
+  class: "yee-page__description"
+}, Ke = {
+  key: 0,
+  class: "yee-page__extra"
+}, Qe = /* @__PURE__ */ P({
+  name: "YeePage",
+  __name: "YeePage",
+  props: {
+    autoContentHeight: { type: Boolean, default: !1 },
+    contentClass: {},
+    description: {},
+    footerClass: {},
+    headerClass: {},
+    heightOffset: { default: 0 },
+    title: {}
+  },
+  setup(t) {
+    const e = t, o = U(), s = c(() => !!(e.description || e.title || o.description || o.extra || o.title)), n = c(() => ({
+      "--yee-page-height-offset": typeof e.heightOffset == "number" ? `${e.heightOffset}px` : e.heightOffset
+    }));
+    return (l, m) => (i(), d("section", {
+      class: S(["yee-page", { "yee-page--auto-height": t.autoContentHeight }]),
+      style: j(n.value)
+    }, [
+      s.value ? (i(), d("header", {
+        key: 0,
+        class: S(["yee-page__header", t.headerClass])
+      }, [
+        V("div", Me, [
+          f(l.$slots, "title", {}, () => [
+            t.title ? (i(), d("h1", qe, T(t.title), 1)) : h("", !0)
+          ], !0),
+          f(l.$slots, "description", {}, () => [
+            t.description ? (i(), d("p", Le, T(t.description), 1)) : h("", !0)
+          ], !0)
+        ]),
+        l.$slots.extra ? (i(), d("div", Ke, [
+          f(l.$slots, "extra", {}, void 0, !0)
+        ])) : h("", !0)
+      ], 2)) : h("", !0),
+      V("main", {
+        class: S(["yee-page__content", t.contentClass])
+      }, [
+        f(l.$slots, "default", {}, void 0, !0)
+      ], 2),
+      l.$slots.footer ? (i(), d("footer", {
+        key: 1,
+        class: S(["yee-page__footer", t.footerClass])
+      }, [
+        f(l.$slots, "footer", {}, void 0, !0)
+      ], 2)) : h("", !0)
+    ], 6));
+  }
+}), st = /* @__PURE__ */ O(Qe, [["__scopeId", "data-v-192f344d"]]);
+export {
+  ot as PlatformConfigProvider,
+  Ne as YeeForm,
+  ze as YeeFormApi,
+  Be as YeeGridApi,
+  st as YeePage,
+  rt as darkThemeTokens,
+  nt as lightThemeTokens,
+  z as platformThemeKey,
+  pe as resolvePlatformTheme,
+  fe as toAntDesignTheme,
+  he as toPlatformCssVariables,
+  tt as usePlatformTheme,
+  at as useYeeGrid
+};

package/dist/style.css

@@ -0,0 +1 @@
+:root,[data-theme=light]{--yee-accent: hsl(240 5% 96%);--yee-accent-dark: hsl(216 14% 93%);--yee-accent-darker: hsl(216 11% 91%);--yee-accent-foreground: hsl(240 6% 10%);--yee-accent-hover: hsl(200 10% 90%);--yee-accent-lighter: hsl(240 0% 98%);--yee-background: hsl(0 0% 100%);--yee-background-deep: hsl(216 20.11% 95.47%);--yee-border: hsl(240 5.9% 90%);--yee-border-secondary: hsl(240 5% 94%);--yee-card: hsl(0 0% 100%);--yee-card-foreground: hsl(222.2 84% 4.9%);--yee-control-height: 32px;--yee-destructive: hsl(359.33 100% 65.1%);--yee-destructive-background: hsl(4 100% 97%);--yee-destructive-foreground: hsl(0 0% 98%);--yee-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--yee-font-size: 14px;--yee-font-size-lg: 16px;--yee-font-size-root: 16px;--yee-font-size-sm: 12px;--yee-foreground: hsl(210 6% 21%);--yee-foreground-disabled: hsl(210 6% 21% / 35%);--yee-header: hsl(0 0% 100%);--yee-heavy: hsl(192 9.43% 89.61%);--yee-heavy-foreground: hsl(240 6% 10%);--yee-info: hsl(240 5% 96%);--yee-info-foreground: hsl(220 4% 58%);--yee-input: hsl(240 5.88% 90%);--yee-input-background: hsl(0 0% 100%);--yee-input-placeholder: hsl(217 10.6% 65%);--yee-line-height: 1.5715;--yee-muted: hsl(240 4.8% 95.9%);--yee-muted-foreground: hsl(240 3.8% 46.1%);--yee-overlay: hsl(0 0% 0% / 45%);--yee-overlay-content: hsl(0 0% 95% / 45%);--yee-popover: hsl(0 0% 100%);--yee-popover-foreground: hsl(222.2 84% 4.9%);--yee-popup-z-index: 999;--yee-primary: hsl(212 100% 45%);--yee-primary-active: hsl(212 100% 36%);--yee-primary-foreground: hsl(0 0% 98%);--yee-primary-hover: hsl(212 100% 55%);--yee-radius: 8px;--yee-radius-lg: 12px;--yee-radius-sm: 4px;--yee-ring: hsl(212 100% 45%);--yee-secondary: hsl(240 5% 96%);--yee-secondary-foreground: hsl(240 6% 10%);--yee-shadow: 0 6px 16px 0 rgb(0 0 0 / 8%);--yee-shadow-secondary: 0 3px 6px -4px rgb(0 0 0 / 12%), 0 6px 16px 0 rgb(0 0 0 / 8%);--yee-sidebar: hsl(0 0% 100%);--yee-sidebar-deep: hsl(0 0% 100%);--yee-success: hsl(144 57% 58%);--yee-success-foreground: hsl(0 0% 98%);--yee-warning: hsl(42 84% 61%);--yee-warning-foreground: hsl(0 0% 98%);accent-color:var(--yee-primary);color-scheme:light}html.dark,[data-theme=dark]{--yee-accent: hsl(216 5% 19%);--yee-accent-dark: hsl(240 0% 22%);--yee-accent-darker: hsl(240 0% 26%);--yee-accent-foreground: hsl(0 0% 98%);--yee-accent-hover: hsl(216 5% 24%);--yee-accent-lighter: hsl(216 5% 12%);--yee-background: hsl(222.34 10.43% 12.27%);--yee-background-deep: hsl(220 13.06% 9%);--yee-border: hsl(240 3.7% 22%);--yee-border-secondary: hsl(240 3.7% 18%);--yee-card: hsl(222.34 10.43% 12.27%);--yee-card-foreground: hsl(210 40% 98%);--yee-control-height: 32px;--yee-destructive: hsl(359.21 68.47% 56.47%);--yee-destructive-background: hsl(353 41% 12%);--yee-destructive-foreground: hsl(0 0% 98%);--yee-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--yee-font-size: 14px;--yee-font-size-lg: 16px;--yee-font-size-root: 16px;--yee-font-size-sm: 12px;--yee-foreground: hsl(0 0% 95%);--yee-foreground-disabled: hsl(0 0% 95% / 30%);--yee-header: hsl(222.34 10.43% 12.27%);--yee-heavy: hsl(216 5% 24%);--yee-heavy-foreground: hsl(0 0% 98%);--yee-info: hsl(180 1.54% 12.75%);--yee-info-foreground: hsl(220 4% 58%);--yee-input: hsl(0 0% 100% / 10%);--yee-input-background: hsl(0 0% 100% / 5%);--yee-input-placeholder: hsl(218 11% 65%);--yee-line-height: 1.5715;--yee-muted: hsl(240 3.7% 15.9%);--yee-muted-foreground: hsl(240 5% 64.9%);--yee-overlay: hsl(0 0% 0% / 40%);--yee-overlay-content: hsl(0 0% 0% / 40%);--yee-popover: hsl(0 0% 14.2%);--yee-popover-foreground: hsl(210 40% 98%);--yee-popup-z-index: 999;--yee-primary: hsl(212 100% 45%);--yee-primary-active: hsl(212 100% 65%);--yee-primary-foreground: hsl(0 0% 98%);--yee-primary-hover: hsl(212 100% 55%);--yee-radius: 8px;--yee-radius-lg: 12px;--yee-radius-sm: 4px;--yee-ring: hsl(212 100% 55%);--yee-secondary: hsl(240 5% 17%);--yee-secondary-foreground: hsl(0 0% 98%);--yee-shadow: 0 6px 16px 0 rgb(0 0 0 / 32%);--yee-shadow-secondary: 0 3px 6px -4px rgb(0 0 0 / 48%), 0 6px 16px 0 rgb(0 0 0 / 32%);--yee-sidebar: hsl(222.34 10.43% 12.27%);--yee-sidebar-deep: hsl(220 13.06% 9%);--yee-success: hsl(144 57% 58%);--yee-success-foreground: hsl(0 0% 98%);--yee-warning: hsl(42 84% 61%);--yee-warning-foreground: hsl(0 0% 98%);color-scheme:dark}.yee-platform-theme[data-v-36f21f18]{display:contents}.yee-form[data-v-12e77340]{display:flex;gap:16px;align-items:flex-start;padding:16px;background:var(--yee-card)}.yee-form__fields[data-v-12e77340]{display:grid;flex:1 1 auto;grid-template-columns:repeat(3,minmax(220px,1fr));gap:16px 24px;min-width:0}.yee-form__field[data-v-12e77340]{display:grid;grid-template-columns:minmax(72px,auto) minmax(0,1fr);gap:8px;align-items:center;min-width:0}.yee-form__label[data-v-12e77340]{color:var(--yee-foreground);font-size:var(--yee-font-size);white-space:nowrap}.yee-form__actions[data-v-12e77340]{display:flex;flex:0 0 auto;gap:8px;align-items:center}@media not (min-width:1200px){.yee-form[data-v-12e77340]{flex-direction:column}.yee-form__fields[data-v-12e77340]{width:100%;grid-template-columns:repeat(2,minmax(220px,1fr))}}@media not (min-width:720px){.yee-form__fields[data-v-12e77340]{grid-template-columns:minmax(0,1fr)}}:root{--vxe-ui-font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;--vxe-ui-font-size-large: 15px;--vxe-ui-font-size-default: 14px;--vxe-ui-font-size-medium: 14px;--vxe-ui-font-size-small: 13px;--vxe-ui-font-size-mini: 12px;--vxe-ui-font-secondary-color: #909399;--vxe-ui-font-placeholder-color: #a8abb2;--vxe-ui-base-border-radius: 4px;--vxe-ui-base-margin-gap-default: 8px;--vxe-ui-base-margin-gap-medium: 7px;--vxe-ui-base-margin-gap-small: 6px;--vxe-ui-base-margin-gap-mini: 5px;--vxe-ui-layout-padding-qtr: 2px;--vxe-ui-layout-padding-half: 4px;--vxe-ui-layout-padding-default: 8px;--vxe-ui-layout-padding-double: 16px;--vxe-ui-layout-padding-threefold: 24px;--vxe-ui-layout-aside-default-width: 300px;--vxe-ui-layout-aside-collapse-width: 60px;--vxe-ui-menu-item-height-default: 44px;--vxe-ui-menu-item-height-medium: 40px;--vxe-ui-menu-item-height-small: 36px;--vxe-ui-menu-item-height-mini: 32px;--vxe-ui-menu-icon-width: 1.5em;--vxe-ui-button-max-width: 500px;--vxe-ui-button-height-default: 34px;--vxe-ui-button-height-medium: 32px;--vxe-ui-button-height-small: 30px;--vxe-ui-button-height-mini: 28px;--vxe-ui-button-round-border-radius-default: 17px;--vxe-ui-button-round-border-radius-medium: 16px;--vxe-ui-button-round-border-radius-small: 15px;--vxe-ui-button-round-border-radius-mini: 14px;--vxe-ui-input-disabled-color: #dcdfe6;--vxe-ui-input-number-disabled-color: #e4e7ed;--vxe-ui-input-date-festival-color: #abaaaa;--vxe-ui-input-date-festival-important-color: var(--vxe-ui-font-primary-color);--vxe-ui-input-date-notice-background-color: #FF0000;--vxe-ui-input-date-picker-hover-background-color: #f2f6fc;--vxe-ui-input-date-picker-selected-color: #fff;--vxe-ui-input-date-time-confirm-button-color: #fff;--vxe-ui-input-date-picker-festival-selected-color: var(--vxe-ui-input-date-picker-selected-color);--vxe-ui-input-date-picker-notice-selected-background-color: var(--vxe-ui-input-date-picker-selected-color);--vxe-ui-input-date-extra-color: #67c23a;--vxe-ui-input-date-extra-important-color: #fd2222;--vxe-ui-input-date-title-height-default: 30px;--vxe-ui-input-date-title-height-medium: 29px;--vxe-ui-input-date-title-height-small: 28px;--vxe-ui-input-date-title-height-mini: 26px;--vxe-ui-input-date-time-week-row-height-default: 38px;--vxe-ui-input-date-time-week-row-height-medium: 36px;--vxe-ui-input-date-time-week-row-height-small: 34px;--vxe-ui-input-date-time-week-row-height-mini: 32px;--vxe-ui-input-date-month-year-row-height-default: 48px;--vxe-ui-input-date-month-year-row-height-medium: 46px;--vxe-ui-input-date-month-year-row-height-small: 44px;--vxe-ui-input-date-month-year-row-height-mini: 42px;--vxe-ui-input-date-quarter-row-height-default: 60px;--vxe-ui-input-date-quarter-row-height-medium: 58px;--vxe-ui-input-date-quarter-row-height-small: 56px;--vxe-ui-input-date-quarter-row-height-mini: 54px;--vxe-ui-input-height-default: var(--vxe-ui-button-height-default);--vxe-ui-input-height-medium: var(--vxe-ui-button-height-medium);--vxe-ui-input-height-small: var(--vxe-ui-button-height-small);--vxe-ui-input-height-mini: var(--vxe-ui-button-height-mini);--vxe-ui-input-count-color: #999;--vxe-ui-input-count-error-color: var(--vxe-ui-status-error-color);--vxe-ui-anchor-link-color: var(--vxe-ui-font-secondary-color);--vxe-ui-anchor-link-active-color: var(--vxe-ui-font-primary-color);--vxe-ui-breadcrumb-color: var(--vxe-ui-font-secondary-color);--vxe-ui-breadcrumb-current-item-color: var(--vxe-ui-font-color);--vxe-ui-loading-color: var(--vxe-ui-font-primary-color);--vxe-ui-tooltip-dark-color: #fff;--vxe-ui-tooltip-dark-background-color: #303133;--vxe-ui-form-item-min-height-default: 56px;--vxe-ui-form-item-min-height-medium: 52px;--vxe-ui-form-item-min-height-small: 48px;--vxe-ui-form-item-min-height-mini: 44px;--vxe-ui-form-validate-error-color: var(--vxe-ui-status-error-color);--vxe-ui-form-item-padding-default: 8px;--vxe-ui-form-item-padding-medium: 7px;--vxe-ui-form-item-padding-small: 6px;--vxe-ui-form-item-padding-mini: 5px;--vxe-ui-form-validate-error-background-color: inherit;--vxe-ui-form-validate-error-theme-normal-background-color: var(--vxe-ui-layout-background-color);--vxe-ui-form-validate-error-item-background-color: rgba(245, 108,108, .1);--vxe-ui-form-design-widget-item-font-size: .9em;--vxe-ui-checkbox-font-size-default: 15px;--vxe-ui-checkbox-font-size-medium: 14px;--vxe-ui-checkbox-font-size-small: 13px;--vxe-ui-checkbox-font-size-mini: 12px;--vxe-ui-checkbox-checked-width: .32em;--vxe-ui-checkbox-checked-height: .64em;--vxe-ui-checkbox-indeterminate-width: .6em;--vxe-ui-checkbox-indeterminate-height: 2px;--vxe-ui-checkbox-border-width: 2px;--vxe-ui-checkbox-border-radius: 2px;--vxe-ui-checkbox-icon-background-color: #fff;--vxe-ui-checkbox-checked-icon-border-color: #fff;--vxe-ui-checkbox-indeterminate-icon-background-color: #fff;--vxe-ui-radio-font-size-default: 15px;--vxe-ui-radio-font-size-medium: 14px;--vxe-ui-radio-font-size-small: 13px;--vxe-ui-radio-font-size-mini: 12px;--vxe-ui-radio-border-width: .32em;--vxe-ui-radio-icon-background-color: #fff;--vxe-ui-radio-checked-icon-background-color: #fff;--vxe-ui-radio-indeterminate-icon-background-color: #fff;--vxe-ui-select-option-height-default: 30px;--vxe-ui-select-option-height-medium: 28px;--vxe-ui-select-option-height-small: 26px;--vxe-ui-select-option-height-mini: 24px;--vxe-ui-select-empty-color: #C0C4CC;--vxe-ui-select-title-color: #909399;--vxe-ui-pulldown-option-height-default: var(--vxe-ui-select-option-height-default);--vxe-ui-pulldown-option-height-medium: var(--vxe-ui-select-option-height-medium);--vxe-ui-pulldown-option-height-small: var(--vxe-ui-select-option-height-small);--vxe-ui-pulldown-option-height-mini: var(--vxe-ui-select-option-height-mini);--vxe-ui-switch-font-color: #fff;--vxe-ui-switch-icon-background-color: #fff;--vxe-ui-switch-open-background-color: var(--vxe-ui-font-primary-color);--vxe-ui-switch-disabled-background-color: rgba(0,0,0,.15);--vxe-ui-upload-file-button-border-style: dashed;--vxe-ui-upload-image-button-border-style: dashed;--vxe-ui-upload-image-wh-default: 120px;--vxe-ui-upload-image-wh-medium: 104px;--vxe-ui-upload-image-wh-small: 88px;--vxe-ui-upload-image-wh-mini: 72px;--vxe-ui-card-padding-default: 12px;--vxe-ui-card-padding-medium: 10px;--vxe-ui-card-padding-small: 8px;--vxe-ui-card-padding-mini: 6px;--vxe-ui-tree-node-height: 2em;--vxe-ui-tree-node-line-color:#909399;--vxe-ui-tree-node-line-style: dotted;--vxe-ui-tree-node-line-width: 1px;--vxe-ui-tabs-header-height-default: 40px;--vxe-ui-tabs-header-height-medium: 38px;--vxe-ui-tabs-header-height-small: 36px;--vxe-ui-tabs-header-height-mini: 32px;--vxe-ui-calendar-hover-background-color: #f2f6fc;--vxe-ui-calendar-selected-color: #fff;--vxe-ui-calendar-festival-selected-color: var(--vxe-ui-calendar-selected-color);--vxe-ui-calendar-notice-selected-background-color: var(--vxe-ui-calendar-selected-color);--vxe-ui-splitter-handle-bar-horizontal-width: .68em;--vxe-ui-splitter-handle-bar-horizontal-height: 3.2em;--vxe-ui-splitter-handle-bar-vertical-width: var(--vxe-ui-splitter-handle-bar-horizontal-height);--vxe-ui-splitter-handle-bar-vertical-height: var(--vxe-ui-splitter-handle-bar-horizontal-width);--vxe-ui-splitter-resizable-line-color: #D9DDDF;--vxe-ui-splitter-resizable-drag-line-color: var(--vxe-ui-font-primary-color);--vxe-ui-segmented-item-background-color: rgba(0, 0, 0, .05);--vxe-ui-segmented-item-hover-background-color: rgba(0, 0, 0, .06);--vxe-ui-context-menu-option-height: 2em;--vxe-ui-backtop-right: 2em;--vxe-ui-backtop-bottom: 2em}[data-vxe-ui-theme=light]{--vxe-ui-font-color: #606266;--vxe-ui-font-tinge-color: #d4d5d7;--vxe-ui-font-lighten-color: #797b80;--vxe-ui-font-darken-color: #47494c;--vxe-ui-font-disabled-color: #BFBFBF;--vxe-ui-font-primary-color: #409eff;--vxe-ui-font-primary-hover-color: #f5f7fa;--vxe-ui-font-primary-tinge-color: #e8f3ff;--vxe-ui-font-primary-lighten-color: #73b8ff;--vxe-ui-font-primary-darken-color: #0d84ff;--vxe-ui-font-primary-disabled-color: #a6d2ff;--vxe-ui-status-success-color: #67c23a;--vxe-ui-status-info-color: #909399;--vxe-ui-status-warning-color: #e6a23c;--vxe-ui-status-danger-color: #f56c6c;--vxe-ui-status-error-color: #f56c6c;--vxe-ui-status-success-tinge-color: #eef8e9;--vxe-ui-status-info-tinge-color: #f5f5f6;--vxe-ui-status-warning-tinge-color: #fcf4e8;--vxe-ui-status-danger-tinge-color: var(--vxe-ui-status-error-tinge-color);--vxe-ui-status-error-tinge-color: #fef2f2;--vxe-ui-status-success-lighten-color: #85cf60;--vxe-ui-status-info-lighten-color: #abadb1;--vxe-ui-status-warning-lighten-color: #ecb869;--vxe-ui-status-danger-lighten-color: var(--vxe-ui-status-error-lighten-color);--vxe-ui-status-error-lighten-color: #f89c9c;--vxe-ui-status-success-darken-color: #529b2e;--vxe-ui-status-info-darken-color: #767980;--vxe-ui-status-warning-darken-color: #d48a1b;--vxe-ui-status-danger-darken-color: var(--vxe-ui-status-error-darken-color);--vxe-ui-status-error-darken-color: #f56c6c;--vxe-ui-status-success-disabled-color: #a3db87;--vxe-ui-status-info-disabled-color: #c5c7ca;--vxe-ui-status-warning-disabled-color: #f2cd96;--vxe-ui-status-danger-disabled-color: var(--vxe-ui-status-error-disabled-color);--vxe-ui-status-error-disabled-color: #f5a8a8;--vxe-ui-base-popup-border-color: #DADCE0;--vxe-ui-base-popup-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16);--vxe-ui-base-drag-background-color: #dde9fd;--vxe-ui-base-active-background-color: #e6f4ff;--vxe-ui-base-hover-background-color: rgba(0, 0, 0, .04);--vxe-ui-layout-background-color: #ffffff;--vxe-ui-input-border-color: #dcdfe6;--vxe-ui-input-placeholder-color: #C0C4CC;--vxe-ui-input-disabled-background-color: #f3f3f3;--vxe-ui-number-input-control-button-color: #f5f7fa;--vxe-ui-modal-header-background-color: #F8F8F8;--vxe-ui-tabs-card-header-background-color: #f5f7fa;--vxe-ui-tabs-close-hover-background-color: rgba(0, 0, 0, .1);--vxe-ui-tabs-bar-scrolling-box-shadow-color: rgba(0, 0, 0, .12);--vxe-ui-menu-item-hover-color: #409eff;--vxe-ui-menu-collapse-wrapper-box-shadow: var(--vxe-ui-base-popup-box-shadow);--vxe-ui-loading-background-color: rgba(255, 255, 255, .5);--vxe-ui-form-title-background-color: #f8f8f9;--vxe-ui-form-border-color: #e8eaec;--vxe-ui-form-design-widget-hover-background-color: var(--vxe-ui-base-hover-background-color);--vxe-ui-form-design-sub-widget-hover-background-color: rgba(0, 0, 0, .05);--vxe-ui-list-design-table-border-color: #e8eaec;--vxe-ui-list-design-table-header-background-color: #f8f8f9;--vxe-ui-switch-close-background-color: rgba(0, 0, 0, .35);--vxe-ui-upload-drag-over-background-color:rgba(255, 255, 200, .8);--vxe-ui-tree-node-hover-background-color: #f5f7fa;--vxe-ui-tree-node-radio-checked-background-color: #fff3e0;--vxe-ui-tree-node-hover-radio-checked-background-color: #ffebbc;--vxe-ui-tree-node-checkbox-checked-background-color: #fff3e0;--vxe-ui-tree-node-hover-checkbox-checked-background-color: #ffebbc;--vxe-ui-tree-node-current-background-color: #e6f7ff;--vxe-ui-tree-node-hover-current-background-color: #d7effb;--vxe-ui-tree-drag-over-background-color: rgba(255, 255, 200, .3);--vxe-ui-rate-item-color: #f7ba2a;--vxe-ui-splitter-handle-button-background-color: #8b8b8b;--vxe-ui-splitter-handle-bar-background-color: #e2e2e3;--vxe-ui-splitter-handle-bar-hover-background-color: #d8d8d8}[data-vxe-ui-theme=dark]{color-scheme:dark;--vxe-ui-font-color: #a0a3a7;--vxe-ui-font-tinge-color: #33353b;--vxe-ui-font-lighten-color: #797b80;--vxe-ui-font-darken-color: #47494c;--vxe-ui-font-disabled-color: #464646;--vxe-ui-font-primary-color: #409eff;--vxe-ui-font-primary-hover-color: #202326;--vxe-ui-font-primary-tinge-color: #3a4653;--vxe-ui-font-primary-lighten-color: #73b8ff;--vxe-ui-font-primary-darken-color: #0d84ff;--vxe-ui-font-primary-disabled-color: #a6d2ff;--vxe-ui-status-success-color: #67c23a;--vxe-ui-status-info-color: #909399;--vxe-ui-status-warning-color: #e6a23c;--vxe-ui-status-danger-color: #f56c6c;--vxe-ui-status-error-color: #f56c6c;--vxe-ui-status-success-tinge-color: #33412f;--vxe-ui-status-info-tinge-color: #38383b;--vxe-ui-status-warning-tinge-color: #332c22;--vxe-ui-status-danger-tinge-color: var(--vxe-ui-status-error-tinge-color);--vxe-ui-status-error-tinge-color: #372525;--vxe-ui-status-success-lighten-color: #85cf60;--vxe-ui-status-info-lighten-color: #abadb1;--vxe-ui-status-warning-lighten-color: #ecb869;--vxe-ui-status-danger-lighten-color: var(--vxe-ui-status-error-lighten-color);--vxe-ui-status-error-lighten-color: #f89c9c;--vxe-ui-status-success-darken-color: #529b2e;--vxe-ui-status-info-darken-color: #767980;--vxe-ui-status-warning-darken-color: #d48a1b;--vxe-ui-status-danger-darken-color: var(--vxe-ui-status-error-darken-color);--vxe-ui-status-error-darken-color: #f56c6c;--vxe-ui-status-success-disabled-color: #a3db87;--vxe-ui-status-info-disabled-color: #c5c7ca;--vxe-ui-status-warning-disabled-color: #f2cd96;--vxe-ui-status-danger-disabled-color: var(--vxe-ui-status-error-disabled-color);--vxe-ui-status-error-disabled-color: #f5a8a8;--vxe-ui-base-popup-border-color: #424242;--vxe-ui-base-popup-box-shadow: 0px 12px 30px 8px rgba(0, 0, 0, .5);--vxe-ui-base-drag-background-color: #2e3741;--vxe-ui-base-active-background-color: #18222c;--vxe-ui-base-hover-background-color: #191a1c;--vxe-ui-layout-background-color: #121212;--vxe-ui-input-border-color: #424242;--vxe-ui-input-placeholder-color: #3c3d3e;--vxe-ui-input-disabled-background-color: #262727;--vxe-ui-number-input-control-button-color: #262727;--vxe-ui-modal-header-background-color: var(--vxe-ui-layout-background-color);--vxe-ui-tabs-card-header-background-color: #1d1e1f;--vxe-ui-tabs-close-hover-background-color: rgba(48, 48, 0, .8);--vxe-ui-tabs-bar-scrolling-box-shadow-color: rgba(0, 0, 0, .8);--vxe-ui-menu-item-hover-color: var(--vxe-ui-font-primary-color);--vxe-ui-menu-collapse-wrapper-box-shadow: var(--vxe-ui-base-popup-box-shadow);--vxe-ui-loading-background-color: rgba(255, 255, 255, .1);--vxe-ui-form-title-background-color: #28282a;--vxe-ui-form-border-color: #37373a;--vxe-ui-form-design-widget-hover-background-color: var(--vxe-ui-base-hover-background-color);--vxe-ui-form-design-sub-widget-hover-background-color: #27292b;--vxe-ui-list-design-table-border-color: #37373a;--vxe-ui-list-design-table-header-background-color: #28282a;--vxe-ui-switch-close-background-color: #4C4D4F;--vxe-ui-upload-drag-over-background-color:rgba(48, 48, 0, .8);--vxe-ui-tree-node-hover-background-color: #262727;--vxe-ui-tree-node-radio-checked-background-color: #604820;--vxe-ui-tree-node-hover-radio-checked-background-color: #6e5326;--vxe-ui-tree-node-checkbox-checked-background-color: #604820;--vxe-ui-tree-node-hover-checkbox-checked-background-color: #6e5326;--vxe-ui-tree-node-current-background-color: #18222c;--vxe-ui-tree-node-hover-current-background-color: #262727;--vxe-ui-tree-drag-over-background-color:rgba(48, 48, 0, .3);--vxe-ui-rate-item-color: #bd9537;--vxe-ui-splitter-handle-button-background-color: #9f9f9f;--vxe-ui-splitter-handle-bar-background-color: #444444;--vxe-ui-splitter-handle-bar-hover-background-color: #606060}:root{--vxe-ui-font-family: -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;--vxe-ui-font-size-default: 14px;--vxe-ui-font-size-medium: 14px;--vxe-ui-font-size-small: 13px;--vxe-ui-font-size-mini: 12px;--vxe-ui-border-radius: 4px;--vxe-ui-input-disabled-color: #dcdfe6;--vxe-ui-input-height-default: 34px;--vxe-ui-input-height-medium: 32px;--vxe-ui-input-height-small: 30px;--vxe-ui-input-height-mini: 28px;--vxe-ui-table-header-font-color: var(--vxe-ui-font-color);--vxe-ui-table-footer-font-color: var(--vxe-ui-font-color);--vxe-ui-table-border-radius: var(--vxe-ui-border-radius);--vxe-ui-table-border-width: 1.05px;--vxe-ui-table-resizable-line-color: #D9DDDF;--vxe-ui-table-resizable-drag-line-color: var(--vxe-ui-font-primary-color);--vxe-ui-table-footer-background-color: var(--vxe-ui-layout-background-color);--vxe-ui-table-tree-node-line-color:#909399;--vxe-ui-table-tree-node-line-style: dotted;--vxe-ui-table-header-font-weight: 700;--vxe-ui-table-row-height-default: 48px;--vxe-ui-table-row-height-medium: 44px;--vxe-ui-table-row-height-small: 40px;--vxe-ui-table-row-height-mini: 36px;--vxe-ui-table-row-line-height: 22px;--vxe-ui-table-column-icon-border-color: #c0c4cc;--vxe-ui-table-column-icon-border-hover-color: #515A6E;--vxe-ui-table-cell-padding-default: 8px;--vxe-ui-table-cell-padding-medium: 7px;--vxe-ui-table-cell-padding-small: 6px;--vxe-ui-table-cell-padding-mini: 5px;--vxe-ui-table-cell-placeholder-color: #C0C4CC;--vxe-ui-table-cell-negative-color: #f56c6c;--vxe-ui-table-cell-input-height-default: var(--vxe-ui-table-row-height-default) - 6;--vxe-ui-table-cell-input-height-medium: var(--vxe-ui-table-row-height-medium) - 6;--vxe-ui-table-cell-input-height-small: var(--vxe-ui-table-row-height-small) - 6;--vxe-ui-table-cell-input-height-mini: var(--vxe-ui-table-row-height-mini) - 6;--vxe-ui-table-cell-dirty-width: 5px;--vxe-ui-table-cell-dirty-update-color: #f56c6c;--vxe-ui-table-cell-dirty-insert-color: #19A15F;--vxe-ui-table-cell-area-border-color: var(--vxe-ui-font-primary-color);--vxe-ui-table-cell-area-border-width: 1px;--vxe-ui-table-cell-area-status-border-width: var(--vxe-ui-table-cell-area-border-width);--vxe-ui-table-cell-main-area-extension-border-color: #fff;--vxe-ui-table-cell-main-area-extension-background-color: var(--vxe-ui-font-primary-color);--vxe-ui-table-cell-extend-area-border-width: 2px;--vxe-ui-table-cell-clip-area-border-width: 3px;--vxe-ui-table-cell-active-area-border-width: 2px;--vxe-ui-table-cell-active-area-background-color: transparent;--vxe-ui-table-cell-clip-area-border-color: var(--vxe-ui-table-cell-area-border-color);--vxe-ui-table-cell-extend-area-border-color: var(--vxe-ui-table-cell-area-border-color);--vxe-ui-table-cell-active-area-border-color: var(--vxe-ui-table-cell-area-border-color);--vxe-ui-table-cell-area-background-color: rgba(64,158,255,.2);--vxe-ui-table-cell-area-status-background-color: rgba(64,158,255,.1);--vxe-ui-table-expand-padding-default: 16px;--vxe-ui-table-checkbox-range-border-width: 1px;--vxe-ui-table-checkbox-range-border-color: #006af1;--vxe-ui-table-checkbox-range-background-color: rgba(50,128,252,.2);--vxe-ui-table-fixed-left-scrolling-box-shadow: 8px 0px 10px -5px var(--vxe-ui-table-fixed-scrolling-box-shadow-color);--vxe-ui-table-fixed-right-scrolling-box-shadow: -8px 0px 10px -5px var(--vxe-ui-table-fixed-scrolling-box-shadow-color);--vxe-ui-table-menu-item-width: 198px;--vxe-ui-table-menu-background-color: #fff;--vxe-ui-table-validate-error-color: #f56c6c;--vxe-ui-table-validate-error-background-color: var(--vxe-ui-layout-background-color);--vxe-ui-toolbar-custom-active-background-color: #D9DADB;--vxe-ui-toolbar-height-default: 48px;--vxe-ui-toolbar-height-medium: 46px;--vxe-ui-toolbar-height-small: 44px;--vxe-ui-toolbar-height-mini: 42px}[data-vxe-ui-theme=light]{--vxe-ui-font-color: #606266;--vxe-ui-font-primary-color: #409eff;--vxe-ui-font-lighten-color: #797b80;--vxe-ui-font-darken-color: #47494c;--vxe-ui-font-disabled-color: #BFBFBF;--vxe-ui-base-popup-border-color: #DADCE0;--vxe-ui-base-popup-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16);--vxe-ui-layout-background-color: #ffffff;--vxe-ui-input-border-color: #dcdfe6;--vxe-ui-input-placeholder-color: #C0C4CC;--vxe-ui-input-disabled-background-color: #f3f3f3;--vxe-ui-loading-background-color: rgba(255, 255, 255, .5);--vxe-ui-table-header-background-color: #f8f8f9;--vxe-ui-table-column-to-row-background-color: #f8f8f9;--vxe-ui-table-column-hover-background-color: #d7effb;--vxe-ui-table-column-current-background-color: #e6f7ff;--vxe-ui-table-column-hover-current-background-color: #d7effb;--vxe-ui-table-border-color: #e8eaec;--vxe-ui-table-row-hover-background-color: #f5f7fa;--vxe-ui-table-row-striped-background-color: #fafafa;--vxe-ui-table-row-hover-striped-background-color: #f5f7fa;--vxe-ui-table-row-radio-checked-background-color: #fff3e0;--vxe-ui-table-row-hover-radio-checked-background-color: #ffebbc;--vxe-ui-table-row-checkbox-checked-background-color: #fff3e0;--vxe-ui-table-row-hover-checkbox-checked-background-color: #ffebbc;--vxe-ui-table-row-current-background-color: #e6f7ff;--vxe-ui-table-row-hover-current-background-color: #d7effb;--vxe-ui-table-fixed-scrolling-box-shadow-color: rgba(0, 0, 0, .12);--vxe-ui-table-drag-over-background-color:rgba(255, 255, 200, .3)}[data-vxe-ui-theme=dark]{color-scheme:dark;--vxe-ui-font-color: #a0a3a7;--vxe-ui-font-tinge-color: #33353b;--vxe-ui-font-lighten-color: #797b80;--vxe-ui-font-darken-color: #47494c;--vxe-ui-font-disabled-color: #464646;--vxe-ui-font-primary-color: #409eff;--vxe-ui-base-popup-border-color: #424242;--vxe-ui-base-popup-box-shadow: 0px 12px 30px 8px rgba(0, 0, 0, .5);--vxe-ui-layout-background-color: #121212;--vxe-ui-input-border-color: #424242;--vxe-ui-input-placeholder-color: #8D9095;--vxe-ui-input-disabled-background-color: #262727;--vxe-ui-loading-background-color: rgba(255, 255, 255, .1);--vxe-ui-table-header-background-color: #28282a;--vxe-ui-table-column-to-row-background-color: #28282a;--vxe-ui-table-column-hover-background-color: #242f3b;--vxe-ui-table-column-current-background-color: #18222c;--vxe-ui-table-column-hover-current-background-color: #242f3b;--vxe-ui-table-border-color: #37373a;--vxe-ui-table-row-hover-background-color: #262727;--vxe-ui-table-row-striped-background-color: #1D1D1D;--vxe-ui-table-row-hover-striped-background-color: #262727;--vxe-ui-table-row-radio-checked-background-color: #604820;--vxe-ui-table-row-hover-radio-checked-background-color: #6e5326;--vxe-ui-table-row-checkbox-checked-background-color: #604820;--vxe-ui-table-row-hover-checkbox-checked-background-color: #6e5326;--vxe-ui-table-row-current-background-color: #18222c;--vxe-ui-table-row-hover-current-background-color: #242f3b;--vxe-ui-table-fixed-scrolling-box-shadow-color: rgba(0, 0, 0, .8);--vxe-ui-table-drag-over-background-color:rgba(48, 48, 0, .3)}[class*=vxe-]:after,[class*=vxe-]:before,[class*=vxe-] *:after,[class*=vxe-] *:before,[class*=vxe-]{box-sizing:border-box}[class*=vxe-]{font-variant:tabular-nums;font-feature-settings:"tnum"}.yee-grid{--vxe-ui-font-color: var(--yee-foreground);--vxe-ui-font-primary-color: var(--yee-primary);--vxe-ui-font-disabled-color: var(--yee-foreground-disabled);--vxe-ui-base-popup-border-color: var(--yee-border);--vxe-ui-base-border-radius: var(--yee-radius-sm);--vxe-ui-input-border-color: var(--yee-border);--vxe-ui-input-disabled-color: var(--yee-foreground-disabled);--vxe-ui-input-placeholder-color: var(--yee-input-placeholder);--vxe-ui-layout-background-color: var(--yee-card);--vxe-ui-loading-background-color: var(--yee-overlay-content);--vxe-ui-table-border-color: var(--yee-border);--vxe-ui-table-header-background-color: var(--yee-accent);--vxe-ui-table-resizable-line-color: var(--yee-border);--vxe-ui-table-row-current-background-color: var(--yee-accent-dark);--vxe-ui-table-row-checkbox-checked-background-color: var(--yee-accent);--vxe-ui-table-row-hover-checkbox-checked-background-color: var(--yee-accent-hover);--vxe-ui-table-row-hover-background-color: var(--yee-accent-hover);--vxe-ui-table-row-hover-current-background-color: var(--yee-accent-hover);--vxe-ui-table-row-hover-radio-checked-background-color: var(--yee-accent-hover);--vxe-ui-table-row-hover-striped-background-color: var(--yee-accent-hover);--vxe-ui-table-row-radio-checked-background-color: var(--yee-accent);--vxe-ui-table-row-striped-background-color: var(--yee-accent-lighter);--vxe-ui-font-primary-tinge-color: var(--yee-primary-hover);--vxe-ui-font-primary-lighten-color: var(--yee-primary-hover);--vxe-ui-font-primary-darken-color: var(--yee-primary-active);font-family:var(--yee-font-family);font-size:var(--yee-font-size)}.yee-grid .vxe-toolbar{padding:0 0 12px}.yee-grid .vxe-pager--wrapper{display:flex;justify-content:flex-end;align-items:center}.yee-grid .vxe-pager--sizes{margin-right:auto}.yee-grid[data-v-d97be924]{display:flex;flex-direction:column;min-width:0;min-height:100%;overflow:hidden;color:var(--yee-foreground);background:var(--yee-card);border-radius:var(--yee-radius)}.yee-grid__separator[data-v-d97be924]{flex:0 0 12px;background:var(--yee-background-deep)}.yee-grid__table[data-v-d97be924]{flex:1 1 auto;min-height:0;padding:16px}.yee-grid__title[data-v-d97be924]{display:inline-flex;gap:6px;align-items:center;margin-right:12px;font-size:var(--yee-font-size-lg);font-weight:600}.yee-grid__help[data-v-d97be924]{display:inline-grid;width:16px;height:16px;color:var(--yee-muted-foreground);font-size:11px;border:1px solid var(--yee-border);border-radius:50%;place-items:center}.yee-grid__empty[data-v-d97be924]{padding:32px 0;color:var(--yee-muted-foreground);text-align:center}.yee-page[data-v-192f344d]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:100%;color:var(--yee-foreground);background:var(--yee-background-deep)}.yee-page--auto-height[data-v-192f344d]{height:calc(100% - var(--yee-page-height-offset, 0px));min-height:0}.yee-page__header[data-v-192f344d],.yee-page__footer[data-v-192f344d]{display:flex;gap:16px;align-items:center;padding:16px 24px;background:var(--yee-card)}.yee-page__header[data-v-192f344d]{justify-content:space-between;border-bottom:1px solid var(--yee-border-secondary)}.yee-page__footer[data-v-192f344d]{justify-content:flex-end;border-top:1px solid var(--yee-border-secondary)}.yee-page__heading[data-v-192f344d]{min-width:0}.yee-page__title[data-v-192f344d],.yee-page__description[data-v-192f344d]{margin:0}.yee-page__title[data-v-192f344d]{font-size:var(--yee-font-size-lg);font-weight:600;line-height:1.5}.yee-page__description[data-v-192f344d]{margin-top:4px;color:var(--yee-muted-foreground);font-size:var(--yee-font-size);line-height:var(--yee-line-height)}.yee-page__extra[data-v-192f344d]{flex:0 0 auto}.yee-page__content[data-v-192f344d]{min-width:0;min-height:0;padding:16px}.yee-page--auto-height>.yee-page__content[data-v-192f344d]{overflow:auto}