z-vue-design 0.0.34 → 0.0.36

package/dist/ZSwitch-CpqEfAeH.mjs

@@ -0,0 +1,423 @@
+import { defineComponent as V, computed as m, onBeforeMount as F, ref as v, watch as L, onMounted as A, nextTick as O, createVNode as h, useModel as W, resolveComponent as X, createBlock as j, openBlock as R, mergeProps as K } from "vue";
+import { r as N, A as U, T as G, _ as w, x as Z, D as Q, E as q, P as a, u as J, h as Y, d as k, W as ii, b as p, L as ni, G as f, t as ei, l as b, z as ci } from "./index-TNqDdObK.mjs";
+import { o as ai, K as C } from "./KeyCode-B2hdfKb3.mjs";
+const ti = (i) => {
+  const {
+    componentCls: n
+  } = i, e = `${n}-inner`;
+  return {
+    [n]: {
+      [`&${n}-small`]: {
+        minWidth: i.switchMinWidthSM,
+        height: i.switchHeightSM,
+        lineHeight: `${i.switchHeightSM}px`,
+        [`${n}-inner`]: {
+          paddingInlineStart: i.switchInnerMarginMaxSM,
+          paddingInlineEnd: i.switchInnerMarginMinSM,
+          [`${e}-checked`]: {
+            marginInlineStart: `calc(-100% + ${i.switchPinSizeSM + i.switchPadding * 2}px - ${i.switchInnerMarginMaxSM * 2}px)`,
+            marginInlineEnd: `calc(100% - ${i.switchPinSizeSM + i.switchPadding * 2}px + ${i.switchInnerMarginMaxSM * 2}px)`
+          },
+          [`${e}-unchecked`]: {
+            marginTop: -i.switchHeightSM,
+            marginInlineStart: 0,
+            marginInlineEnd: 0
+          }
+        },
+        [`${n}-handle`]: {
+          width: i.switchPinSizeSM,
+          height: i.switchPinSizeSM
+        },
+        [`${n}-loading-icon`]: {
+          top: (i.switchPinSizeSM - i.switchLoadingIconSize) / 2,
+          fontSize: i.switchLoadingIconSize
+        },
+        [`&${n}-checked`]: {
+          [`${n}-inner`]: {
+            paddingInlineStart: i.switchInnerMarginMinSM,
+            paddingInlineEnd: i.switchInnerMarginMaxSM,
+            [`${e}-checked`]: {
+              marginInlineStart: 0,
+              marginInlineEnd: 0
+            },
+            [`${e}-unchecked`]: {
+              marginInlineStart: `calc(100% - ${i.switchPinSizeSM + i.switchPadding * 2}px + ${i.switchInnerMarginMaxSM * 2}px)`,
+              marginInlineEnd: `calc(-100% + ${i.switchPinSizeSM + i.switchPadding * 2}px - ${i.switchInnerMarginMaxSM * 2}px)`
+            }
+          },
+          [`${n}-handle`]: {
+            insetInlineStart: `calc(100% - ${i.switchPinSizeSM + i.switchPadding}px)`
+          }
+        },
+        [`&:not(${n}-disabled):active`]: {
+          [`&:not(${n}-checked) ${e}`]: {
+            [`${e}-unchecked`]: {
+              marginInlineStart: i.marginXXS / 2,
+              marginInlineEnd: -i.marginXXS / 2
+            }
+          },
+          [`&${n}-checked ${e}`]: {
+            [`${e}-checked`]: {
+              marginInlineStart: -i.marginXXS / 2,
+              marginInlineEnd: i.marginXXS / 2
+            }
+          }
+        }
+      }
+    }
+  };
+}, di = (i) => {
+  const {
+    componentCls: n
+  } = i;
+  return {
+    [n]: {
+      [`${n}-loading-icon${i.iconCls}`]: {
+        position: "relative",
+        top: (i.switchPinSize - i.fontSize) / 2,
+        color: i.switchLoadingIconColor,
+        verticalAlign: "top"
+      },
+      [`&${n}-checked ${n}-loading-icon`]: {
+        color: i.switchColor
+      }
+    }
+  };
+}, li = (i) => {
+  const {
+    componentCls: n
+  } = i, e = `${n}-handle`;
+  return {
+    [n]: {
+      [e]: {
+        position: "absolute",
+        top: i.switchPadding,
+        insetInlineStart: i.switchPadding,
+        width: i.switchPinSize,
+        height: i.switchPinSize,
+        transition: `all ${i.switchDuration} ease-in-out`,
+        "&::before": {
+          position: "absolute",
+          top: 0,
+          insetInlineEnd: 0,
+          bottom: 0,
+          insetInlineStart: 0,
+          backgroundColor: i.colorWhite,
+          borderRadius: i.switchPinSize / 2,
+          boxShadow: i.switchHandleShadow,
+          transition: `all ${i.switchDuration} ease-in-out`,
+          content: '""'
+        }
+      },
+      [`&${n}-checked ${e}`]: {
+        insetInlineStart: `calc(100% - ${i.switchPinSize + i.switchPadding}px)`
+      },
+      [`&:not(${n}-disabled):active`]: {
+        [`${e}::before`]: {
+          insetInlineEnd: i.switchHandleActiveInset,
+          insetInlineStart: 0
+        },
+        [`&${n}-checked ${e}::before`]: {
+          insetInlineEnd: 0,
+          insetInlineStart: i.switchHandleActiveInset
+        }
+      }
+    }
+  };
+}, si = (i) => {
+  const {
+    componentCls: n
+  } = i, e = `${n}-inner`;
+  return {
+    [n]: {
+      [e]: {
+        display: "block",
+        overflow: "hidden",
+        borderRadius: 100,
+        height: "100%",
+        paddingInlineStart: i.switchInnerMarginMax,
+        paddingInlineEnd: i.switchInnerMarginMin,
+        transition: `padding-inline-start ${i.switchDuration} ease-in-out, padding-inline-end ${i.switchDuration} ease-in-out`,
+        [`${e}-checked, ${e}-unchecked`]: {
+          display: "block",
+          color: i.colorTextLightSolid,
+          fontSize: i.fontSizeSM,
+          transition: `margin-inline-start ${i.switchDuration} ease-in-out, margin-inline-end ${i.switchDuration} ease-in-out`,
+          pointerEvents: "none"
+        },
+        [`${e}-checked`]: {
+          marginInlineStart: `calc(-100% + ${i.switchPinSize + i.switchPadding * 2}px - ${i.switchInnerMarginMax * 2}px)`,
+          marginInlineEnd: `calc(100% - ${i.switchPinSize + i.switchPadding * 2}px + ${i.switchInnerMarginMax * 2}px)`
+        },
+        [`${e}-unchecked`]: {
+          marginTop: -i.switchHeight,
+          marginInlineStart: 0,
+          marginInlineEnd: 0
+        }
+      },
+      [`&${n}-checked ${e}`]: {
+        paddingInlineStart: i.switchInnerMarginMin,
+        paddingInlineEnd: i.switchInnerMarginMax,
+        [`${e}-checked`]: {
+          marginInlineStart: 0,
+          marginInlineEnd: 0
+        },
+        [`${e}-unchecked`]: {
+          marginInlineStart: `calc(100% - ${i.switchPinSize + i.switchPadding * 2}px + ${i.switchInnerMarginMax * 2}px)`,
+          marginInlineEnd: `calc(-100% + ${i.switchPinSize + i.switchPadding * 2}px - ${i.switchInnerMarginMax * 2}px)`
+        }
+      },
+      [`&:not(${n}-disabled):active`]: {
+        [`&:not(${n}-checked) ${e}`]: {
+          [`${e}-unchecked`]: {
+            marginInlineStart: i.switchPadding * 2,
+            marginInlineEnd: -i.switchPadding * 2
+          }
+        },
+        [`&${n}-checked ${e}`]: {
+          [`${e}-checked`]: {
+            marginInlineStart: -i.switchPadding * 2,
+            marginInlineEnd: i.switchPadding * 2
+          }
+        }
+      }
+    }
+  };
+}, ri = (i) => {
+  const {
+    componentCls: n
+  } = i;
+  return {
+    [n]: w(w(w(w({}, Z(i)), {
+      position: "relative",
+      display: "inline-block",
+      boxSizing: "border-box",
+      minWidth: i.switchMinWidth,
+      height: i.switchHeight,
+      lineHeight: `${i.switchHeight}px`,
+      verticalAlign: "middle",
+      background: i.colorTextQuaternary,
+      border: "0",
+      borderRadius: 100,
+      cursor: "pointer",
+      transition: `all ${i.motionDurationMid}`,
+      userSelect: "none",
+      [`&:hover:not(${n}-disabled)`]: {
+        background: i.colorTextTertiary
+      }
+    }), Q(i)), {
+      [`&${n}-checked`]: {
+        background: i.switchColor,
+        [`&:hover:not(${n}-disabled)`]: {
+          background: i.colorPrimaryHover
+        }
+      },
+      [`&${n}-loading, &${n}-disabled`]: {
+        cursor: "not-allowed",
+        opacity: i.switchDisabledOpacity,
+        "*": {
+          boxShadow: "none",
+          cursor: "not-allowed"
+        }
+      },
+      // rtl style
+      [`&${n}-rtl`]: {
+        direction: "rtl"
+      }
+    })
+  };
+}, oi = N("Switch", (i) => {
+  const n = i.fontSize * i.lineHeight, e = i.controlHeight / 2, t = 2, s = n - t * 2, d = e - t * 2, r = U(i, {
+    switchMinWidth: s * 2 + t * 4,
+    switchHeight: n,
+    switchDuration: i.motionDurationMid,
+    switchColor: i.colorPrimary,
+    switchDisabledOpacity: i.opacityLoading,
+    switchInnerMarginMin: s / 2,
+    switchInnerMarginMax: s + t + t * 2,
+    switchPadding: t,
+    switchPinSize: s,
+    switchBg: i.colorBgContainer,
+    switchMinWidthSM: d * 2 + t * 2,
+    switchHeightSM: e,
+    switchInnerMarginMinSM: d / 2,
+    switchInnerMarginMaxSM: d + t + t * 2,
+    switchPinSizeSM: d,
+    switchHandleShadow: `0 2px 4px 0 ${new G("#00230b").setAlpha(0.2).toRgbString()}`,
+    switchLoadingIconSize: i.fontSizeIcon * 0.75,
+    switchLoadingIconColor: `rgba(0, 0, 0, ${i.opacityLoading})`,
+    switchHandleActiveInset: "-30%"
+  });
+  return [
+    ri(r),
+    // inner style
+    si(r),
+    // handle style
+    li(r),
+    // loading style
+    di(r),
+    // small style
+    ti(r)
+  ];
+}), hi = ei("small", "default"), ui = () => ({
+  id: String,
+  prefixCls: String,
+  size: a.oneOf(hi),
+  disabled: {
+    type: Boolean,
+    default: void 0
+  },
+  checkedChildren: a.any,
+  unCheckedChildren: a.any,
+  tabindex: a.oneOfType([a.string, a.number]),
+  autofocus: {
+    type: Boolean,
+    default: void 0
+  },
+  loading: {
+    type: Boolean,
+    default: void 0
+  },
+  checked: a.oneOfType([a.string, a.number, a.looseBool]),
+  checkedValue: a.oneOfType([a.string, a.number, a.looseBool]).def(!0),
+  unCheckedValue: a.oneOfType([a.string, a.number, a.looseBool]).def(!1),
+  onChange: {
+    type: Function
+  },
+  onClick: {
+    type: Function
+  },
+  onKeydown: {
+    type: Function
+  },
+  onMouseup: {
+    type: Function
+  },
+  "onUpdate:checked": {
+    type: Function
+  },
+  onBlur: Function,
+  onFocus: Function
+}), gi = V({
+  compatConfig: {
+    MODE: 3
+  },
+  name: "ASwitch",
+  __ANT_SWITCH: !0,
+  inheritAttrs: !1,
+  props: ui(),
+  slots: Object,
+  // emits: ['update:checked', 'mouseup', 'change', 'click', 'keydown', 'blur'],
+  setup(i, n) {
+    let {
+      attrs: e,
+      slots: t,
+      expose: s,
+      emit: d
+    } = n;
+    const r = J(), x = Y(), g = m(() => {
+      var c;
+      return (c = i.disabled) !== null && c !== void 0 ? c : x.value;
+    });
+    F(() => {
+      b(!("defaultChecked" in e), "Switch", "'defaultChecked' is deprecated, please use 'v-model:checked'"), b(!("value" in e), "Switch", "`value` is not validate prop, do you mean `checked`?");
+    });
+    const S = v(i.checked !== void 0 ? i.checked : e.defaultChecked), I = m(() => S.value === i.checkedValue);
+    L(() => i.checked, () => {
+      S.value = i.checked;
+    });
+    const {
+      prefixCls: l,
+      direction: y,
+      size: P
+    } = k("switch", i), [z, E] = oi(l), u = v(), M = () => {
+      var c;
+      (c = u.value) === null || c === void 0 || c.focus();
+    };
+    s({
+      focus: M,
+      blur: () => {
+        var c;
+        (c = u.value) === null || c === void 0 || c.blur();
+      }
+    }), A(() => {
+      O(() => {
+        i.autofocus && !g.value && u.value.focus();
+      });
+    });
+    const $ = (c, o) => {
+      g.value || (d("update:checked", c), d("change", c, o), r.onFieldChange());
+    }, H = (c) => {
+      d("blur", c);
+    }, _ = (c) => {
+      M();
+      const o = I.value ? i.unCheckedValue : i.checkedValue;
+      $(o, c), d("click", o, c);
+    }, T = (c) => {
+      c.keyCode === C.LEFT ? $(i.unCheckedValue, c) : c.keyCode === C.RIGHT && $(i.checkedValue, c), d("keydown", c);
+    }, D = (c) => {
+      var o;
+      (o = u.value) === null || o === void 0 || o.blur(), d("mouseup", c);
+    }, B = m(() => ({
+      [`${l.value}-small`]: P.value === "small",
+      [`${l.value}-loading`]: i.loading,
+      [`${l.value}-checked`]: I.value,
+      [`${l.value}-disabled`]: g.value,
+      [l.value]: !0,
+      [`${l.value}-rtl`]: y.value === "rtl",
+      [E.value]: !0
+    }));
+    return () => {
+      var c;
+      return z(h(ii, null, {
+        default: () => [h("button", p(p(p({}, ai(i, ["prefixCls", "checkedChildren", "unCheckedChildren", "checked", "autofocus", "checkedValue", "unCheckedValue", "id", "onChange", "onUpdate:checked"])), e), {}, {
+          id: (c = i.id) !== null && c !== void 0 ? c : r.id.value,
+          onKeydown: T,
+          onClick: _,
+          onBlur: H,
+          onMouseup: D,
+          type: "button",
+          role: "switch",
+          "aria-checked": S.value,
+          disabled: g.value || i.loading,
+          class: [e.class, B.value],
+          ref: u
+        }), [h("div", {
+          class: `${l.value}-handle`
+        }, [i.loading ? h(ni, {
+          class: `${l.value}-loading-icon`
+        }, null) : null]), h("span", {
+          class: `${l.value}-inner`
+        }, [h("span", {
+          class: `${l.value}-inner-checked`
+        }, [f(t, i, "checkedChildren")]), h("span", {
+          class: `${l.value}-inner-unchecked`
+        }, [f(t, i, "unCheckedChildren")])])])]
+      }));
+    };
+  }
+}), wi = q(gi), Si = {
+  name: "ZSwitch",
+  components: {
+    ASwitch: wi
+  }
+}, $i = /* @__PURE__ */ Object.assign(Si, {
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(i) {
+    const n = W(i, "modelValue");
+    return (e, t) => {
+      const s = X("a-switch");
+      return R(), j(s, K({
+        checked: n.value,
+        "onUpdate:checked": t[0] || (t[0] = (d) => n.value = d)
+      }, e.$attrs), null, 16, ["checked"]);
+    };
+  }
+}), vi = /* @__PURE__ */ ci($i, [["__scopeId", "data-v-db05950a"]]);
+export {
+  vi as default
+};

package/dist/ZTimePicker-BTpnUZom.mjs

@@ -0,0 +1,35 @@
+import { useModel as c, resolveComponent as r, createBlock as s, openBlock as m, unref as d, withCtx as p, createVNode as u, mergeProps as _ } from "vue";
+import { C as f, l as v } from "./zh_CN-0mq8A_1C.mjs";
+import { z as k } from "./index-TNqDdObK.mjs";
+import { T as g } from "./dayjs-CwTEBT_V.mjs";
+const P = {
+  name: "ZRangePicker",
+  components: {
+    ATimePicker: g,
+    AConfigProvider: f
+  }
+}, V = /* @__PURE__ */ Object.assign(P, {
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(a) {
+    const e = c(a, "modelValue");
+    return (t, o) => {
+      const l = r("a-time-picker"), i = r("a-config-provider");
+      return m(), s(i, { locale: d(v) }, {
+        default: p(() => [
+          u(l, _({
+            value: e.value,
+            "onUpdate:value": o[0] || (o[0] = (n) => e.value = n)
+          }, t.$attrs), null, 16, ["value"])
+        ]),
+        _: 1
+      }, 8, ["locale"]);
+    };
+  }
+}), A = /* @__PURE__ */ k(V, [["__scopeId", "data-v-d1d1deb7"]]);
+export {
+  A as default
+};

package/dist/ZTimeRangePicker-B-byaQj6.mjs

@@ -0,0 +1,36 @@
+import { useModel as c, resolveComponent as a, createBlock as s, openBlock as m, unref as p, withCtx as u, createVNode as d, mergeProps as _ } from "vue";
+import { C as f, l as g } from "./zh_CN-0mq8A_1C.mjs";
+import { z as v } from "./index-TNqDdObK.mjs";
+import { a as k } from "./dayjs-CwTEBT_V.mjs";
+const P = {
+  name: "ZRangePicker",
+  components: {
+    ATimeRangePicker: k,
+    AConfigProvider: f
+  }
+}, V = /* @__PURE__ */ Object.assign(P, {
+  props: {
+    modelValue: {},
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(r) {
+    const e = c(r, "modelValue");
+    return (t, o) => {
+      const n = a("a-time-range-picker"), i = a("a-config-provider");
+      return m(), s(i, { locale: p(g) }, {
+        default: u(() => [
+          d(n, _({
+            class: "z-time-range-picker",
+            value: e.value,
+            "onUpdate:value": o[0] || (o[0] = (l) => e.value = l)
+          }, t.$attrs), null, 16, ["value"])
+        ]),
+        _: 1
+      }, 8, ["locale"]);
+    };
+  }
+}), z = /* @__PURE__ */ v(V, [["__scopeId", "data-v-5e447850"]]);
+export {
+  z as default
+};

package/dist/dayjs-Bxi8w8-G.mjs

@@ -0,0 +1,23 @@
+import { _ as m } from "./index-TNqDdObK.mjs";
+import { g as a, a as i } from "./zh_CN-0mq8A_1C.mjs";
+const {
+  DatePicker: n,
+  WeekPicker: r,
+  MonthPicker: o,
+  YearPicker: k,
+  TimePicker: s,
+  QuarterPicker: t,
+  RangePicker: c
+} = a(i), f = m(n, {
+  WeekPicker: r,
+  MonthPicker: o,
+  YearPicker: k,
+  RangePicker: c,
+  TimePicker: s,
+  QuarterPicker: t,
+  install: (e) => (e.component(n.name, n), e.component(c.name, c), e.component(o.name, o), e.component(r.name, r), e.component(t.name, t), e)
+});
+export {
+  f as D,
+  c as R
+};

package/dist/dayjs-CwTEBT_V.mjs

@@ -0,0 +1,166 @@
+import { _ as t, s as U, p as c, u as O, V as D, b as d } from "./index-TNqDdObK.mjs";
+import { defineComponent as N, ref as B, createVNode as w } from "vue";
+import { g as H, c as R, d as V, r as M, a as W } from "./zh_CN-0mq8A_1C.mjs";
+import { o as S } from "./KeyCode-B2hdfKb3.mjs";
+const T = () => ({
+  format: String,
+  showNow: c(),
+  showHour: c(),
+  showMinute: c(),
+  showSecond: c(),
+  use12Hours: c(),
+  hourStep: Number,
+  minuteStep: Number,
+  secondStep: Number,
+  hideDisabledOptions: c(),
+  popupClassName: String,
+  status: U()
+});
+function $(u) {
+  const _ = H(u, t(t({}, T()), {
+    order: {
+      type: Boolean,
+      default: !0
+    }
+  })), {
+    TimePicker: I,
+    RangePicker: y
+  } = _, j = N({
+    name: "ATimePicker",
+    inheritAttrs: !1,
+    props: t(t(t(t({}, R()), V()), T()), {
+      addon: {
+        type: Function
+      }
+    }),
+    slots: Object,
+    setup(m, g) {
+      let {
+        slots: i,
+        expose: C,
+        emit: n,
+        attrs: h
+      } = g;
+      const r = m, a = O();
+      D(!(i.addon || r.addon), "TimePicker", "`addon` is deprecated. Please use `v-slot:renderExtraFooter` instead.");
+      const s = B();
+      C({
+        focus: () => {
+          var o;
+          (o = s.value) === null || o === void 0 || o.focus();
+        },
+        blur: () => {
+          var o;
+          (o = s.value) === null || o === void 0 || o.blur();
+        }
+      });
+      const f = (o, F) => {
+        n("update:value", o), n("change", o, F), a.onFieldChange();
+      }, k = (o) => {
+        n("update:open", o), n("openChange", o);
+      }, P = (o) => {
+        n("focus", o);
+      }, v = (o) => {
+        n("blur", o), a.onFieldBlur();
+      }, b = (o) => {
+        n("ok", o);
+      };
+      return () => {
+        const {
+          id: o = a.id.value
+        } = r;
+        return w(I, d(d(d({}, h), S(r, ["onUpdate:value", "onUpdate:open"])), {}, {
+          id: o,
+          dropdownClassName: r.popupClassName,
+          mode: void 0,
+          ref: s,
+          renderExtraFooter: r.addon || i.addon || r.renderExtraFooter || i.renderExtraFooter,
+          onChange: f,
+          onOpenChange: k,
+          onFocus: P,
+          onBlur: v,
+          onOk: b
+        }), i);
+      };
+    }
+  }), A = N({
+    name: "ATimeRangePicker",
+    inheritAttrs: !1,
+    props: t(t(t(t({}, R()), M()), T()), {
+      order: {
+        type: Boolean,
+        default: !0
+      }
+    }),
+    slots: Object,
+    setup(m, g) {
+      let {
+        slots: i,
+        expose: C,
+        emit: n,
+        attrs: h
+      } = g;
+      const r = m, a = B(), s = O();
+      C({
+        focus: () => {
+          var e;
+          (e = a.value) === null || e === void 0 || e.focus();
+        },
+        blur: () => {
+          var e;
+          (e = a.value) === null || e === void 0 || e.blur();
+        }
+      });
+      const f = (e, l) => {
+        n("update:value", e), n("change", e, l), s.onFieldChange();
+      }, k = (e) => {
+        n("update:open", e), n("openChange", e);
+      }, P = (e) => {
+        n("focus", e);
+      }, v = (e) => {
+        n("blur", e), s.onFieldBlur();
+      }, b = (e, l) => {
+        n("panelChange", e, l);
+      }, o = (e) => {
+        n("ok", e);
+      }, F = (e, l, E) => {
+        n("calendarChange", e, l, E);
+      };
+      return () => {
+        const {
+          id: e = s.id.value
+        } = r;
+        return w(y, d(d(d({}, h), S(r, ["onUpdate:open", "onUpdate:value"])), {}, {
+          id: e,
+          dropdownClassName: r.popupClassName,
+          picker: "time",
+          mode: void 0,
+          ref: a,
+          onChange: f,
+          onOpenChange: k,
+          onFocus: P,
+          onBlur: v,
+          onPanelChange: b,
+          onOk: o,
+          onCalendarChange: F
+        }), i);
+      };
+    }
+  });
+  return {
+    TimePicker: j,
+    TimeRangePicker: A
+  };
+}
+const {
+  TimePicker: p,
+  TimeRangePicker: x
+} = $(W), K = t(p, {
+  TimePicker: p,
+  TimeRangePicker: x,
+  install: (u) => (u.component(p.name, p), u.component(x.name, x), u)
+});
+export {
+  K as T,
+  x as a
+};