smart-web-ui 1.0.1 → 1.0.2

package/dist/DatePicker.js

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

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

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