yxuse 1.0.55 → 1.0.57

package/lib/index.es5.js

@@ -1,4 +1,4 @@
-const g = {
+const t = {
   green: {
     common: {
       color: {
@@ -197,51 +197,213 @@ const g = {
   },
   blue: {
     common: {
-      "--test1": "#fff",
-      "--test2": "#ccc"
+      color: {
+        "main-100": "#0A2F52",
+        "main-50": "#5477CF",
+        "main-25": "#3E75CF",
+        "main-15": "#E4EDFF",
+        "main-5": "#5477CF",
+        "error-100": "#FF9892",
+        "error-50": "#FFF4F3",
+        "error-25": "#F9EACE",
+        "error-15": "rgba(255, 152, 146, 0.15)",
+        "error-5": "rgba(255, 152, 146, 0.05)",
+        "warning-100": "#F9A221",
+        "warning-50": "#F8B85A",
+        "warning-25": "#F9EACE",
+        "warning-15": "rgba(249, 162, 33, 0.15)",
+        "warning-5": "rgba(249, 162, 33, 0.05)",
+        "info-100": "rgba(133, 233, 183, 1)",
+        "info-50": "rgba(133, 233, 183, 0.5)",
+        "info-25": "rgba(133, 233, 183, 0.25)",
+        "info-15": "rgba(133, 233, 183, 0.15)",
+        "info-5": "rgba(133, 233, 183, 0.05)",
+        "neutral-100": "rgba(85, 221, 221, 1)",
+        "neutral-50": "rgba(85, 221, 221, 0.5)",
+        "neutral-25": "rgba(85, 221, 221, 0.25)",
+        "neutral-15": "rgba(85, 221, 221, 0.15)",
+        "neutral-5": "rgba(85, 221, 221, 0.05)"
+      },
+      background: {
+        "error-gradual": "#FF9892",
+        "warning-gradual": "#F8B85A",
+        "success-gradual": "linear-gradient(90deg, #D5ECBE 0%, rgba(234,255,233,0.35) 100%)",
+        "success-gradient": "#D5ECBE 0%, rgba(234,255,233,0.35) 100%",
+        "warning-gradient": "#FFE4BC 0%, rgba(255,250,233,0.35) 100%",
+        "error-gradient": "#FFCECB 0%, rgba(255,235,233,0.35) 100%",
+        page: "rgba(241, 243, 242, 1)",
+        "main-content-special": "rgba(103, 186, 145, 0.10)",
+        section: "rgba(252, 255, 253, 1)",
+        success: "rgba(80, 165, 122, 1)",
+        warning: "#F9A221",
+        error: "#FF9892"
+      },
+      button: {
+        background: "rgba(103, 186, 145, 0.10)",
+        "border-color": "rgba(80, 165, 122, 1)",
+        "text-color": "rgba(80, 165, 122, 1)",
+        "active-background-color": "rgba(80, 165, 122, 1)",
+        "active-border-color": "rgba(154, 209, 162, 1)",
+        "active-text-color": "#fff"
+      },
+      checkbox: {
+        background: "rgba(216, 233, 219, 1)",
+        "icon-color": "rgba(80, 165, 122, 0)",
+        "border-color": "rgba(154, 209, 162, 1)",
+        "text-color": "#9AD1A2",
+        "checked-text-color": "#1D4B34",
+        "checked-background": "rgba(216, 233, 219, 1)",
+        "checked-icon-color": "rgba(80, 165, 122, 1)",
+        "checked-border-color": "rgba(154, 209, 162, 1)"
+      },
+      radio: {
+        background: "rgba(191, 225, 209, 1)",
+        "icon-border-color": "rgba(191, 225, 209, 1)",
+        "icon-checked-background": "rgba(103, 186, 145, 1)",
+        "icon-checked-point-background": "rgba(210, 255, 218, 1)"
+      },
+      switch: {
+        background: "#637B6B",
+        "icon-point-background": "#fff",
+        "icon-checked-point-background": "#90E6BA",
+        "checked-background": "#9BE9C2"
+      },
+      input: {
+        background: "rgba(237, 246, 239, 1)",
+        "border-color": "rgba(80, 165, 122, 1)",
+        color: "rgba(29, 75, 52, 1)",
+        "placeholder-color": "rgba(80, 165, 122, 1)",
+        "hover-background": "rgba(237, 246, 239, 0.30)",
+        "hover-border-color": "rgba(80, 165, 122, 1)",
+        "hover-color": "rgba(80, 165, 122, 1)",
+        "active-background": "rgba(237, 246, 239, 0.30)",
+        "active-border-color": "rgba(80, 165, 122, 1)",
+        "active-color": "rgba(80, 165, 122, 1)",
+        "disabled-background": "rgba(219, 232, 221, 1)",
+        "disabled-border-color": "#fff",
+        "disabled-color": "rgba(80, 165, 122, 0.5)",
+        "append-background": "transparent",
+        "append-color": "#50A57A"
+      },
+      select: {
+        "dropdown-background": "rgba(237, 246, 239, 1)",
+        "dropdown-border-color": "rgba(80, 165, 122, 1)",
+        "dropdown-item-color": "rgba(80, 165, 122, 1)",
+        "dropdown-item-hover-background": "rgba(178, 220, 198, 1)",
+        "dropdown-item-hover-color": "rgba(29, 75, 52, 1)",
+        "dropdown-item-selected-background": "rgba(178, 220, 198, 1)",
+        "dropdown-item-selected-color": "rgba(29, 75, 52, 1)"
+      },
+      tree: {
+        text: "rgba(99,123,107,0.50)"
+      },
+      layout: {
+        "nav-background": "#fff",
+        "view-background": "#F1F3F2"
+      },
+      table: {
+        "header-background": "#5477CF",
+        "header-text-color": "#fff",
+        "row-background": "#F9FBFF",
+        "row-odd-background": "#F9FBFF",
+        //奇数行色值
+        "row-border-bottom-color": "#E4EDFF",
+        "row-text-color": "#0A2F52",
+        "row-error-background": "linear-gradient(90deg, #FFCECB 0%, rgba(255,235,233,0.35) 100%)",
+        "row-warning-background": "linear-gradient(90deg, #FFE4BC 0%, rgba(255,250,233,0.35) 100%)",
+        "row-hover-background": "rgba(62,117,207,0.2)",
+        "row-hover-text-color": "rgba(29, 75, 52, 1)"
+      },
+      chart: {
+        pie_color_1: "#50A57A",
+        pie_color_2: "#F8B85A",
+        pie_color_3: "#FF9892",
+        pie_color_4: "#55DDDD",
+        pie_color_5: "#85E9B7",
+        line_color_1: "#50A57A",
+        line_color_2: "#F8B85A",
+        line_color_3: "#FF9892",
+        line_color_4: "#55DDDD",
+        line_color_5: "#85E9B7",
+        line_title_color: "#637B6B",
+        line_xAxis_color: "#50A57A",
+        line_yAxis_color: "#50A57A",
+        line_markLine_color: "#FF9892",
+        line_splitLine_color: "#DBEEE3"
+      },
+      message: {},
+      text: {
+        main: "#50A57A",
+        deep: "#1D4B34",
+        light: "rgba(80, 165, 122, 0.50)",
+        paler: "#637B6B",
+        success: "#8FF59E",
+        warning: "#F8B85A",
+        error: "#FF9892",
+        white: "#fff",
+        light_gray: "#B0BDB4"
+      },
+      //弹窗
+      dialog: {
+        "header-background": "#fff",
+        "body-background": "#fff",
+        "footer-background": "#fff"
+      },
+      //进度条
+      progress: {
+        background: "#CADFD3",
+        "active-background": "#67BA91"
+      },
+      icon: {
+        "title-main": "#DAF1E5",
+        "title-assist": "#F9A221",
+        "title-assist-2": "#50A57A",
+        "active-color": "rgba(80,165,122,1)",
+        "active-light-color": "#F9A221"
+      }
     },
     cloud: {},
     "station-control-center": {}
   }
-}, c = "yxTheme", l = "green", i = () => {
-  const r = t();
-  localStorage.getItem(c) || localStorage.setItem(c, r);
-  const e = document.documentElement, o = g[r].common;
-  Object.keys(o).forEach((a) => {
-    Object.keys(o[a]).forEach((n) => {
+}, g = "yxTheme", l = "blue", i = () => {
+  const r = c();
+  localStorage.getItem(g) || localStorage.setItem(g, r);
+  const o = document.documentElement, e = t[r].common;
+  Object.keys(e).forEach((a) => {
+    Object.keys(e[a]).forEach((n) => {
       const b = `--${a}-${n}`;
-      e.style.setProperty(b, o[a][n]);
+      o.style.setProperty(b, e[a][n]);
     });
   });
 }, d = (r) => {
-  localStorage.setItem(c, r), i();
-}, t = () => localStorage.getItem(c) || l, u = (r) => {
-  const e = t();
-  return g[e][r] || {};
-}, s = (r) => {
-  const e = t();
-  return g[e].common[r] || {};
+  localStorage.setItem(g, r), i();
+}, c = () => localStorage.getItem(g) || l, u = (r) => {
+  const o = c();
+  return t[o][r] || {};
 }, F = (r) => {
-  const e = t(), o = g[e][r], a = document.documentElement;
-  Object.keys(o).forEach((n) => {
+  const o = c();
+  return t[o].common[r] || {};
+}, s = (r) => {
+  const o = c(), e = t[o][r], a = document.documentElement;
+  Object.keys(e).forEach((n) => {
     const b = `--${n}`;
-    a.style.setProperty(b, o[n]);
+    a.style.setProperty(b, e[n]);
   });
-}, m = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, k = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   changeTheme: d,
-  getCurTheme: t,
-  getGroupColor: s,
+  getCurTheme: c,
+  getGroupColor: F,
   getSystemThemeConfig: u,
   install: i,
-  installSystemTheme: F
+  installSystemTheme: s
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   u as a,
-  s as b,
+  F as b,
   d as c,
-  F as d,
-  t as g,
+  s as d,
+  c as g,
   i,
-  m as t
+  k as t
 };

package/lib/index.es6.js

@@ -1,56 +1,27 @@
-import { d as g, o as m, c, w, m as d, r as f, a as v, b as k, F as x, e as S, f as l, g as b, i as T } from "./vue.runtime.esm-bundler.es.js";
-const C = {
-  tableData: {
-    type: Array,
-    require: !0
-  },
-  rowKey: {
-    type: String,
-    require: !0
-  },
-  columns: {
-    type: Array,
-    require: !0,
-    default: () => []
-  },
-  sortHandle: {
-    type: String,
-    default: "",
-    require: !1
-  },
-  border: {
-    type: Boolean,
-    default: !1
-  },
-  align: {
-    type: String,
-    default: "center",
-    require: !1
-  }
-}, j = /* @__PURE__ */ g({
-  __name: "DynamicComponents",
+import { d as v, o as g, c as l, w as C, m as w, r as T, a as N, b as O, F as V, e as S, f as P, g as d, h as x, i as B, j as Y } from "./vue.runtime.esm-bundler.es.js";
+const D = /* @__PURE__ */ v({
+  __name: "index",
   props: {
-    col: null,
-    row: null
+    conf: null,
+    model: null
   },
-  setup(t) {
-    const a = t;
-    return (u, s) => {
-      var i, n, p;
-      return m(), c(f(`el-${(i = a.col) == null ? void 0 : i.type}`), d({
-        modelValue: t.row[(n = a.col) == null ? void 0 : n.prop],
-        "onUpdate:modelValue": s[0] || (s[0] = (e) => {
-          var r;
-          return t.row[(r = a.col) == null ? void 0 : r.prop] = e;
+  setup(r) {
+    return (m, u) => {
+      var p, b, f;
+      return g(), l(T(`el-${(p = r.conf) == null ? void 0 : p.renderType}`), w({
+        modelValue: r.model[(b = r.conf) == null ? void 0 : b.prop],
+        "onUpdate:modelValue": u[0] || (u[0] = (s) => {
+          var t;
+          return r.model[(t = r.conf) == null ? void 0 : t.prop] = s;
         })
-      }, (p = a.col) == null ? void 0 : p.config), {
-        default: w(() => {
-          var e;
+      }, (f = r.conf) == null ? void 0 : f.config), {
+        default: C(() => {
+          var s, t, y;
           return [
-            a.col.type === "select" ? (m(!0), v(x, { key: 0 }, k((e = a.col) == null ? void 0 : e.config.options, (r) => (m(), c(f("el-option"), {
-              key: r.value,
-              label: r.label,
-              value: r.value
+            r.conf.renderType === "select" ? (g(!0), N(V, { key: 0 }, O((y = (t = (s = r.conf) == null ? void 0 : s.config) == null ? void 0 : t.options) != null ? y : [], (i) => (g(), l(T("el-option"), {
+              key: i.value,
+              label: i.label,
+              value: i.value
             }, null, 8, ["label", "value"]))), 128)) : S("", !0)
           ];
         }),
@@ -59,54 +30,85 @@ const C = {
     };
   }
 });
-function N(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !T(t);
+function E(r) {
+  return typeof r == "function" || Object.prototype.toString.call(r) === "[object Object]" && !Y(r);
 }
-const V = {
-  "operate-handle": (t, a) => !!(t || a)
-}, _ = /* @__PURE__ */ g({
+const F = {
+  "operate-handle": (r, m) => !!(r || m)
+}, M = /* @__PURE__ */ v({
   name: "YxTable",
-  props: C,
-  emits: V,
-  setup(t, {
-    attrs: a,
+  props: {
+    tableProps: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: F,
+  setup(r, {
+    attrs: m,
     slots: u,
-    emit: s
+    emit: p,
+    expose: b
   }) {
-    return () => {
-      const i = (e, r) => {
+    const f = P();
+    return b({
+      tableRef: f
+    }), () => {
+      const {
+        columns: s,
+        align: t,
+        rowKey: y,
+        tableData: i,
+        border: h
+      } = r.tableProps, j = (e, n) => {
         var o;
-        return e.slotName && ((o = u[e.slotName]) == null ? void 0 : o.call(u, r));
-      }, n = t.columns.map((e) => l(b("el-table-column"), d(e, {
-        align: t.align
+        return e.slotName && ((o = u[e.slotName]) == null ? void 0 : o.call(u, n));
+      }, c = s.map((e) => d(x("el-table-column"), w(e, {
+        align: t
       }), {
-        default: (r) => (e == null ? void 0 : e.renderType) === "operate" ? p(e, r) : e != null && e.renderType && (e == null ? void 0 : e.renderType) !== "operate" ? l(j, {
-          col: e,
-          row: r.row
-        }, null) : (e == null ? void 0 : e.slotName) && i(e, r)
-      })), p = (e, r) => {
+        default: (n) => {
+          if ((e == null ? void 0 : e.renderType) === "operate")
+            return k(e, n);
+          if (e != null && e.renderType && (e == null ? void 0 : e.renderType) !== "operate") {
+            const o = {
+              renderType: e.renderType,
+              prop: e.prop,
+              config: e.config
+            };
+            return d(D, {
+              conf: o,
+              model: n.row
+            }, null);
+          }
+          return e != null && e.render ? e == null ? void 0 : e.render(n) : (e == null ? void 0 : e.slotName) && j(e, n);
+        }
+      })), k = (e, n) => {
         var o;
-        return l("div", {
+        return d("div", {
           class: "flex justify-center cursor-pointer"
-        }, [(o = e.operate) == null ? void 0 : o.map((y) => l("span", {
-          onClick: () => s("operate-handle", y.key, r.row),
+        }, [(o = e.operate) == null ? void 0 : o.filter((a) => (a == null ? void 0 : a.show) || a.show == null).map((a) => d("span", {
+          onClick: B(() => p("operate-handle", a.key, n.row), ["stop"]),
           class: "mr-10 whitespace-nowrap"
-        }, [y.label]))]);
+        }, [a.label]))]);
       };
-      return l("div", null, [l(b("el-table"), d(a, {
-        "row-key": t.rowKey,
-        data: t.tableData,
-        border: t.border
-      }), N(n) ? n : {
-        default: () => [n]
+      return d("div", {
+        class: "w-full h-full flex flex-col"
+      }, [d(x("el-table"), w({
+        ref: f
+      }, m, {
+        "row-key": y,
+        data: i,
+        border: h
+      }), E(c) ? c : {
+        default: () => [c]
       })]);
     };
   }
-}), O = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  YxTable: _
+  YxTable: M
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  _ as Y,
-  O as c
+  M as Y,
+  z as c
 };