smart-web-ui 1.0.0 → 1.0.1

package/dist/DatePicker.js

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

package/dist/DateTimePicker.js

@@ -0,0 +1,146 @@
+import { ref as n, computed as k, resolveComponent as b, openBlock as f, createElementBlock as P, normalizeStyle as T, normalizeClass as D, 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: "DateTimePicker",
+  props: {
+    // 文本框宽度
+    width: {
+      type: String,
+      default: "135px"
+    },
+    // 文本框高度
+    height: {
+      type: String,
+      default: "28px"
+    },
+    // 文本框默认文字
+    placeholder: {
+      type: String,
+      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"
+    }
+  },
+  emits: ["onChange", "onOk"],
+  setup(a, { emit: y }) {
+    S.locale("zh-cn");
+    const e = a, i = n(e.value), c = y, m = (o, r) => {
+      c("onChange", o, r);
+    }, d = (o) => {
+      console.log("onOk: ", o), c("onOk", o);
+    }, l = {
+      green: {
+        "y-DateTimePicker-border-color": "rgba(255, 255, 255, 0.6)",
+        "y-DateTimePicker-border-hover-color": "rgba(137, 176, 153, 1)",
+        "y-DateTimePicker-background-color": "rgba(34, 42, 45, 0.65)",
+        "y-DateTimePicker-input-color": "rgba(198, 255, 222, 1)",
+        "y-DateTimePicker-popup-border-color": "rgba(137, 176, 153, 1)",
+        "y-DateTimePicker-popup-background-color": "rgba(80, 80, 80, 1)",
+        "y-DateTimePicker-popup-select-color": "rgba(137, 176, 153, 1)",
+        "y-DateTimePicker-popup-inner-color": "rgba(198, 255, 222, 0.2)",
+        "y-DateTimePicker-popup-inner-opacity-color": "#edffff30"
+      },
+      blue: {
+        "y-DateTimePicker-border-color": "rgba(255, 255, 255, 0.60)",
+        "y-DateTimePicker-border-hover-color": "rgba(0, 149, 255, 1)",
+        "y-DateTimePicker-background-color": "rgba(34, 42, 45, 0.65)",
+        "y-DateTimePicker-input-color": "rgba(255, 255, 255, 1)",
+        "y-DateTimePicker-popup-border-color": "rgba(0, 149, 255, 1)",
+        "y-DateTimePicker-popup-background-color": "#2f3f50",
+        "y-DateTimePicker-popup-select-color": "rgba(0, 149, 255, 1)",
+        "y-DateTimePicker-popup-inner-color": "rgba(18, 37, 58, 0.3)",
+        "y-DateTimePicker-popup-inner-opacity-color": "#edffff30"
+      },
+      customize: {
+        "y-DateTimePicker-border-color": e.borderColor,
+        "y-DateTimePicker-border-hover-color": e.borderHoverColor,
+        "y-DateTimePicker-background-color": e.backgroundColor,
+        "y-DateTimePicker-input-color": e.inputColor,
+        "y-DateTimePicker-popup-border-color": e.styleColor,
+        "y-DateTimePicker-popup-background-color": e.popupBackgroundColor,
+        "y-DateTimePicker-popup-select-color": e.styleColor,
+        "y-DateTimePicker-popup-inner-color": e.popupInnerColor,
+        "y-DateTimePicker-popup-inner-opacity-color": e.popupInnerOpacityColor
+      }
+    }, s = n(null), g = k(() => {
+      const o = l[e.styleType] || l.blue, r = {
+        "--y-DateTimePicker-input-height": e.height
+      };
+      return Object.entries(o).forEach(([p, t]) => {
+        r[`--${p}`] = t;
+      }), r;
+    });
+    return (o, r) => {
+      const p = b("a-date-picker");
+      return f(), P("div", {
+        class: D(`y-DateTimePicker-TimeSelect-${e.styleType}`),
+        style: T(g.value),
+        ref_key: "rootRef",
+        ref: s
+      }, [
+        C(p, h({
+          value: i.value,
+          "onUpdate:value": r[0] || (r[0] = (t) => i.value = t),
+          "show-time": "",
+          class: "y-DateTimePicker",
+          locale: v(_)
+        }, o.$attrs, {
+          getPopupContainer: (t) => t.parentNode || o.document.body,
+          popupClassName: "y-DateTimePicker-Popup",
+          placeholder: e.placeholder,
+          style: { width: e.width },
+          onChange: m,
+          onOk: d
+        }), null, 16, ["value", "locale", "getPopupContainer", "placeholder", "style"])
+      ], 6);
+    };
+  }
+}, u = /* @__PURE__ */ O(I, [["__scopeId", "data-v-bc930cea"]]);
+u.install = (a) => {
+  a.component("DateTimePicker", u);
+};
+export {
+  u as default
+};

package/dist/DateYearPicker.js

@@ -0,0 +1,152 @@
+import { ref as i, computed as b, resolveComponent as D, openBlock as P, createElementBlock as Y, normalizeStyle as m, normalizeClass as C, createVNode as h, mergeProps as v, unref as S } from "vue";
+import { d as _ } from "./chunks/dayjs.min-CQFNnJKC.js";
+import { l as O } from "./chunks/zh_CN-BUEgxmeh.js";
+import { _ as w } from "./chunks/_plugin-vue_export-helper-CHgC5LLL.js";
+const B = {
+  __name: "DateYearPicker",
+  props: {
+    // 文本框宽度
+    width: {
+      type: String,
+      default: "85px"
+    },
+    // 文本框高度
+    height: {
+      type: String,
+      default: "28px"
+    },
+    // 文本框默认文字
+    placeholder: {
+      type: String,
+      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"
+    },
+    disabledDate: {
+      tpye: Boolean,
+      default: !0
+    }
+  },
+  emits: ["onChange", "onOk"],
+  setup(t, { emit: y }) {
+    _.locale("zh-cn");
+    const e = t, l = i(e.value), c = y, d = (r, o) => {
+      c("onChange", r, o);
+    }, s = (r) => {
+      c("onOk", r);
+    }, g = (r) => {
+      if (e.disabledDate)
+        return r && r > /* @__PURE__ */ new Date();
+    }, n = {
+      green: {
+        "y-DateYearPicker-border-hover-color": "rgba(137, 176, 153, 1)",
+        "y-DateYearPicker-background-color": "rgba(34, 42, 45, 0.65)",
+        "y-DateYearPicker-input-color": "rgba(198, 255, 222, 1)",
+        "y-DateYearPicker-popup-border-color": "rgba(137, 176, 153, 1)",
+        "y-DateYearPicker-popup-background-color": "rgba(80, 80, 80, 1)",
+        "y-DateYearPicker-popup-select-color": "rgba(137, 176, 153, 1)",
+        "y-DateYearPicker-popup-inner-color": "rgba(198, 255, 222, 0.2)",
+        "y-DateYearPicker-popup-inner-opacity-color": "#edffff30"
+      },
+      blue: {
+        "y-DateYearPicker-border-hover-color": "rgba(0, 149, 255, 1)",
+        "y-DateYearPicker-background-color": "rgba(34, 42, 45, 0.65)",
+        "y-DateYearPicker-input-color": "rgba(255, 255, 255, 1)",
+        "y-DateYearPicker-popup-border-color": "rgba(0, 149, 255, 1)",
+        "y-DateYearPicker-popup-background-color": "#2f3f50",
+        "y-DateYearPicker-popup-select-color": "rgba(0, 149, 255, 1)",
+        "y-DateYearPicker-popup-inner-color": "rgba(18, 37, 58, 0.3)",
+        "y-DateYearPicker-popup-inner-opacity-color": "#edffff30"
+      },
+      customize: {
+        "y-DateYearPicker-border-hover-color": e.borderHoverColor,
+        "y-DateYearPicker-background-color": e.backgroundColor,
+        "y-DateYearPicker-input-color": e.inputColor,
+        "y-DateYearPicker-popup-border-color": e.styleColor,
+        "y-DateYearPicker-popup-background-color": e.popupBackgroundColor,
+        "y-DateYearPicker-popup-select-color": e.styleColor,
+        "y-DateYearPicker-popup-inner-color": e.popupInnerColor,
+        "y-DateYearPicker-popup-inner-opacity-color": e.popupInnerOpacityColor
+      }
+    }, k = i(null), f = b(() => {
+      const r = n[e.styleType] || n.blue, o = {
+        "--y-DateYearPicker-input-height": e.height
+      };
+      return Object.entries(r).forEach(([p, a]) => {
+        o[`--${p}`] = a;
+      }), o;
+    });
+    return (r, o) => {
+      const p = D("a-date-picker");
+      return P(), Y("div", {
+        class: C(`y-DateYearPicker-TimeSelect-${e.styleType}`),
+        style: m(f.value),
+        ref_key: "rootRef",
+        ref: k
+      }, [
+        h(p, v({
+          value: l.value,
+          "onUpdate:value": o[0] || (o[0] = (a) => l.value = a),
+          "show-time": "",
+          class: "y-DateYearPicker",
+          locale: S(O),
+          picker: "year",
+          popupClassName: "y-DateYearPicker-Popup"
+        }, r.$attrs, {
+          getPopupContainer: (a) => a.parentNode || r.document.body,
+          placeholder: e.placeholder,
+          disabledDate: g,
+          style: { width: e.width },
+          onChange: d,
+          onOk: s
+        }), null, 16, ["value", "locale", "getPopupContainer", "placeholder", "style"])
+      ], 6);
+    };
+  }
+}, u = /* @__PURE__ */ w(B, [["__scopeId", "data-v-3e3c2a7a"]]);
+u.install = (t) => {
+  t.component("DateYearPicker", u);
+};
+export {
+  u as default
+};