smart-web-ui 1.0.0 → 1.0.1

package/dist/RangTimePicker.js

@@ -0,0 +1,160 @@
+import { ref as t, computed as s, resolveComponent as b, openBlock as P, createElementBlock as R, normalizeStyle as f, normalizeClass as T, createVNode as C, mergeProps as h, unref as v } from "vue";
+import { d as S } from "./chunks/dayjs.min-CQFNnJKC.js";
+import { l as _ } from "./chunks/zh_CN-BUEgxmeh.js";
+import { _ as O } from "./chunks/_plugin-vue_export-helper-CHgC5LLL.js";
+const I = {
+  __name: "RangTimePicker",
+  props: {
+    // 文本框宽度
+    width: {
+      type: String,
+      default: "275px"
+    },
+    // 文本框高度
+    height: {
+      type: String,
+      default: "28px"
+    },
+    // 文本框默认文字
+    placeholder: {
+      type: Array,
+      default: () => ["开始时间", "结束时间"]
+    },
+    // 颜色主题-目前支持绿色和蓝色
+    styleType: {
+      type: String,
+      default: "blue"
+    },
+    // 默认值
+    value: {
+      type: String,
+      default: ""
+    },
+    borderColor: {
+      type: String,
+      default: "rgba(255, 255, 255, 0.60)"
+    },
+    inputColor: {
+      type: String,
+      default: "rgba(255, 255, 255, 1)"
+    },
+    styleColor: {
+      type: String,
+      default: "rgba(0, 149, 255, 1)"
+    },
+    borderHoverColor: {
+      type: String,
+      default: "rgba(0, 149, 255, 1)"
+    },
+    backgroundColor: {
+      type: String,
+      default: "rgba(34, 42, 45, 0.65)"
+    },
+    popupBackgroundColor: {
+      type: String,
+      default: "#2f3f50"
+    },
+    popupInnerColor: {
+      type: String,
+      default: "rgba(18, 37, 58, 0.3)"
+    },
+    popupInnerOpacityColor: {
+      type: String,
+      default: "#edffff30"
+    },
+    popupPickerCellRangeColor: {
+      type: String,
+      default: "rgba(0, 149, 255, 0)"
+    },
+    popupPickerCellRangeActiveColor: {
+      type: String,
+      default: "rgba(0, 149, 255, 0.3)"
+    }
+  },
+  emits: ["onChange", "onOk"],
+  setup(a, { emit: u }) {
+    S.locale("zh-cn");
+    const e = a, i = t(e.value), l = u, y = (r, o) => {
+      l("onChange", r, o);
+    }, k = (r) => {
+      l("onOk", r);
+    }, c = {
+      green: {
+        "y-RangTimePicker-border-color": "rgba(255, 255, 255, 0.6)",
+        "y-RangTimePicker-border-hover-color": "rgba(137, 176, 153, 1)",
+        "y-RangTimePicker-background-color": "rgba(34, 42, 45, 0.65)",
+        "y-RangTimePicker-input-color": "rgba(198, 255, 222, 1)",
+        "y-RangTimePicker-popup-border-color": "rgba(137, 176, 153, 1)",
+        "y-RangTimePicker-popup-background-color": "rgba(80, 80, 80, 1)",
+        "y-RangTimePicker-popup-select-color": "rgba(137, 176, 153, 1)",
+        "y-RangTimePicker-popup-inner-color": "rgba(198, 255, 222, 0.2)",
+        "y-RangTimePicker-popup-inner-opacity-color": "#edffff30",
+        "y-RangTimePicker-popup-picker-cell-range-color": "rgba(137, 176, 153, 0)",
+        "y-RangTimePicker-popup-picker-cell-range-active-color": "rgba(198, 255, 222, 0.3)"
+      },
+      blue: {
+        "y-RangTimePicker-border-color": "rgba(255, 255, 255, 0.60)",
+        "y-RangTimePicker-border-hover-color": "rgba(0, 149, 255, 1)",
+        "y-RangTimePicker-background-color": "rgba(34, 42, 45, 0.65)",
+        "y-RangTimePicker-input-color": "rgba(255, 255, 255, 1)",
+        "y-RangTimePicker-popup-border-color": "rgba(0, 149, 255, 1)",
+        "y-RangTimePicker-popup-background-color": "#2f3f50",
+        "y-RangTimePicker-popup-select-color": "rgba(0, 149, 255, 1)",
+        "y-RangTimePicker-popup-inner-color": "rgba(18, 37, 58, 0.3)",
+        "y-RangTimePicker-popup-inner-opacity-color": "#edffff30",
+        "y-RangTimePicker-popup-picker-cell-range-color": "rgba(0, 149, 255, 0)",
+        "y-RangTimePicker-popup-picker-cell-range-active-color": "rgba(0, 149, 255, 0.3)"
+      },
+      customize: {
+        "y-RangTimePicker-border-color": e.borderColor,
+        "y-RangTimePicker-border-hover-color": e.borderHoverColor,
+        "y-RangTimePicker-background-color": e.backgroundColor,
+        "y-RangTimePicker-input-color": e.inputColor,
+        "y-RangTimePicker-popup-border-color": e.styleColor,
+        "y-RangTimePicker-popup-background-color": e.popupBackgroundColor,
+        "y-RangTimePicker-popup-select-color": e.styleColor,
+        "y-RangTimePicker-popup-inner-color": e.popupInnerColor,
+        "y-RangTimePicker-popup-inner-opacity-color": e.popupInnerOpacityColor,
+        "y-RangTimePicker-popup-picker-cell-range-color": e.popupPickerCellRangeColor,
+        "y-RangTimePicker-popup-picker-cell-range-active-color": e.popupPickerCellRangeActiveColor
+      }
+    }, m = t(null), d = s(() => {
+      const r = c[e.styleType] || c.blue, o = {
+        "--y-RangTimePicker-input-height": e.height
+      };
+      return Object.entries(r).forEach(([n, p]) => {
+        o[`--${n}`] = p;
+      }), o;
+    });
+    return (r, o) => {
+      const n = b("a-range-picker");
+      return P(), R("div", {
+        class: T(`y-RangTimePicker-TimeSelect-${e.styleType}`),
+        style: f(d.value),
+        ref_key: "rootRef",
+        ref: m
+      }, [
+        C(n, h({
+          value: i.value,
+          "onUpdate:value": o[0] || (o[0] = (p) => i.value = p),
+          "show-time": "",
+          class: "y-RangTimePicker",
+          locale: v(_)
+        }, r.$attrs, {
+          getPopupContainer: (p) => p.parentNode || r.document.body,
+          popupClassName: "y-RangTimePicker-Popup",
+          placeholder: e.placeholder,
+          style: { width: e.width },
+          onChange: y,
+          onOk: k
+        }), null, 16, ["value", "locale", "getPopupContainer", "placeholder", "style"])
+      ], 6);
+    };
+  }
+}, g = /* @__PURE__ */ O(I, [["__scopeId", "data-v-e16dd127"]]);
+g.install = (a) => {
+  a.component("RangTimePicker", g);
+};
+export {
+  g as default
+};

package/dist/RangePicker.js

@@ -0,0 +1,156 @@
+import { ref as t, computed as s, resolveComponent as b, openBlock as P, createElementBlock as f, normalizeStyle as R, normalizeClass as C, createVNode as m, mergeProps as h, unref as v } from "vue";
+import { d as S } from "./chunks/dayjs.min-CQFNnJKC.js";
+import { l as _ } from "./chunks/zh_CN-BUEgxmeh.js";
+import { _ as I } from "./chunks/_plugin-vue_export-helper-CHgC5LLL.js";
+const z = {
+  __name: "RangePicker",
+  props: {
+    // 文本框宽度
+    width: {
+      type: String,
+      default: "180px"
+    },
+    // 文本框高度
+    height: {
+      type: String,
+      default: "28px"
+    },
+    // 文本框默认文字
+    placeholder: {
+      type: Array,
+      default: () => ["开始日期", "结束日期"]
+    },
+    // 颜色主题-目前支持绿色和蓝色
+    styleType: {
+      type: String,
+      default: "blue"
+    },
+    // 默认值
+    value: {
+      type: String,
+      default: ""
+    },
+    borderColor: {
+      type: String,
+      default: "rgba(255, 255, 255, 0.60)"
+    },
+    inputColor: {
+      type: String,
+      default: "rgba(255, 255, 255, 1)"
+    },
+    styleColor: {
+      type: String,
+      default: "rgba(0, 149, 255, 1)"
+    },
+    backgroundColor: {
+      type: String,
+      default: "rgba(34, 42, 45, 0.65)"
+    },
+    borderHoverColor: {
+      type: String,
+      default: "rgba(0, 149, 255, 1)"
+    },
+    popupBackgroundColor: {
+      type: String,
+      default: "#2f3f50"
+    },
+    popupInnerColor: {
+      type: String,
+      default: "rgba(18, 37, 58, 0.3)"
+    },
+    popupInnerOpacityColor: {
+      type: String,
+      default: "#edffff30"
+    },
+    popupPickerCellRangeColor: {
+      type: String,
+      default: "rgba(0, 149, 255, 0)"
+    },
+    popupPickerCellRangeActiveColor: {
+      type: String,
+      default: "rgba(0, 149, 255, 0.3)"
+    }
+  },
+  emits: ["onChange"],
+  setup(a, { emit: i }) {
+    S.locale("zh-cn");
+    const e = a, n = t(e.value), u = i, y = (o, r) => {
+      u("onChange", o, r);
+    }, c = {
+      green: {
+        "y-RangePicker-border-color": "rgba(255, 255, 255, 0.6)",
+        "y-RangePicker-border-hover-color": "rgba(137, 176, 153, 1)",
+        "y-RangePicker-background-color": "rgba(34, 42, 45, 0.65)",
+        "y-RangePicker-input-color": "rgba(198, 255, 222, 1)",
+        "y-RangePicker-popup-border-color": "rgba(137, 176, 153, 1)",
+        "y-RangePicker-popup-background-color": "rgba(80, 80, 80, 1)",
+        "y-RangePicker-popup-select-color": "rgba(137, 176, 153, 1)",
+        "y-RangePicker-popup-inner-color": "rgba(198, 255, 222, 0.2)",
+        "y-RangePicker-popup-inner-opacity-color": "#edffff30",
+        "y-RangePicker-popup-picker-cell-range-color": "rgba(137, 176, 153, 0)",
+        "y-RangePicker-popup-picker-cell-range-active-color": "rgba(198, 255, 222, 0.3)"
+      },
+      blue: {
+        "y-RangePicker-border-color": "rgba(255, 255, 255, 0.60)",
+        "y-RangePicker-border-hover-color": "rgba(0, 149, 255, 1)",
+        "y-RangePicker-background-color": "rgba(34, 42, 45, 0.65)",
+        "y-RangePicker-input-color": "rgba(255, 255, 255, 1)",
+        "y-RangePicker-popup-border-color": "rgba(0, 149, 255, 1)",
+        "y-RangePicker-popup-background-color": "#2f3f50",
+        "y-RangePicker-popup-select-color": "rgba(0, 149, 255, 1)",
+        "y-RangePicker-popup-inner-color": "rgba(18, 37, 58, 0.3)",
+        "y-RangePicker-popup-inner-opacity-color": "#edffff30",
+        "y-RangePicker-popup-picker-cell-range-color": "rgba(0, 149, 255, 0)",
+        "y-RangePicker-popup-picker-cell-range-active-color": "rgba(0, 149, 255, 0.3)"
+      },
+      customize: {
+        "y-RangePicker-border-color": e.borderColor,
+        "y-RangePicker-border-hover-color": e.borderHoverColor,
+        "y-RangePicker-background-color": e.backgroundColor,
+        "y-RangePicker-input-color": e.inputColor,
+        "y-RangePicker-popup-border-color": e.styleColor,
+        "y-RangePicker-popup-background-color": e.popupBackgroundColor,
+        "y-RangePicker-popup-select-color": e.styleColor,
+        "y-RangePicker-popup-inner-color": e.popupInnerColor,
+        "y-RangePicker-popup-inner-opacity-color": e.popupInnerOpacityColor,
+        "y-RangePicker-popup-picker-cell-range-color": e.popupPickerCellRangeColor,
+        "y-RangePicker-popup-picker-cell-range-active-color": e.popupPickerCellRangeActiveColor
+      }
+    }, k = t(null), d = s(() => {
+      const o = c[e.styleType] || c.blue, r = {
+        "--y-DatePicker-input-height": e.height
+      };
+      return Object.entries(o).forEach(([l, p]) => {
+        r[`--${l}`] = p;
+      }), r;
+    });
+    return (o, r) => {
+      const l = b("a-range-picker");
+      return P(), f("div", {
+        class: C(`y-RangePicker-TimeSelect-${e.styleType}`),
+        style: R(d.value),
+        ref_key: "rootRef",
+        ref: k
+      }, [
+        m(l, h({
+          value: n.value,
+          "onUpdate:value": r[0] || (r[0] = (p) => n.value = p),
+          class: "y-RangePicker",
+          locale: v(_)
+        }, o.$attrs, {
+          placeholder: e.placeholder,
+          getPopupContainer: (p) => p.parentNode || o.document.body,
+          popupClassName: "y-RangePicker-Popup",
+          style: { width: e.width },
+          onChange: y
+        }), null, 16, ["value", "locale", "placeholder", "getPopupContainer", "style"])
+      ], 6);
+    };
+  }
+}, g = /* @__PURE__ */ I(z, [["__scopeId", "data-v-f346c026"]]);
+g.install = (a) => {
+  a.component("RangePicker", g);
+};
+export {
+  g as default
+};