z-vue-design 0.0.34 → 0.0.36

package/dist/index-DP_ZS6sx.mjs

@@ -0,0 +1,775 @@
+import { r as S, v as x, A as l, _ as e, x as u, aC as m } from "./index-TNqDdObK.mjs";
+const H = (r) => ({
+  // Firefox
+  "&::-moz-placeholder": {
+    opacity: 1
+  },
+  "&::placeholder": {
+    color: r,
+    userSelect: "none"
+    // https://github.com/ant-design/ant-design/pull/32639
+  },
+  "&:placeholder-shown": {
+    textOverflow: "ellipsis"
+  }
+}), p = (r) => ({
+  borderColor: r.inputBorderHoverColor,
+  borderInlineEndWidth: r.lineWidth
+}), c = (r) => ({
+  borderColor: r.inputBorderHoverColor,
+  boxShadow: `0 0 0 ${r.controlOutlineWidth}px ${r.controlOutline}`,
+  borderInlineEndWidth: r.lineWidth,
+  outline: 0
+}), R = (r) => ({
+  color: r.colorTextDisabled,
+  backgroundColor: r.colorBgContainerDisabled,
+  borderColor: r.colorBorder,
+  boxShadow: "none",
+  cursor: "not-allowed",
+  opacity: 1,
+  "&:hover": e({}, p(l(r, {
+    inputBorderHoverColor: r.colorBorder
+  })))
+}), g = (r) => {
+  const {
+    inputPaddingVerticalLG: i,
+    fontSizeLG: o,
+    lineHeightLG: t,
+    borderRadiusLG: d,
+    inputPaddingHorizontalLG: n
+  } = r;
+  return {
+    padding: `${i}px ${n}px`,
+    fontSize: o,
+    lineHeight: t,
+    borderRadius: d
+  };
+}, h = (r) => ({
+  padding: `${r.inputPaddingVerticalSM}px ${r.controlPaddingHorizontalSM - 1}px`,
+  borderRadius: r.borderRadiusSM
+}), $ = (r, i) => {
+  const {
+    componentCls: o,
+    colorError: t,
+    colorWarning: d,
+    colorErrorOutline: n,
+    colorWarningOutline: a,
+    colorErrorBorderHover: s,
+    colorWarningBorderHover: f
+  } = r;
+  return {
+    [`&-status-error:not(${i}-disabled):not(${i}-borderless)${i}`]: {
+      borderColor: t,
+      "&:hover": {
+        borderColor: s
+      },
+      "&:focus, &-focused": e({}, c(l(r, {
+        inputBorderActiveColor: t,
+        inputBorderHoverColor: t,
+        controlOutline: n
+      }))),
+      [`${o}-prefix`]: {
+        color: t
+      }
+    },
+    [`&-status-warning:not(${i}-disabled):not(${i}-borderless)${i}`]: {
+      borderColor: d,
+      "&:hover": {
+        borderColor: f
+      },
+      "&:focus, &-focused": e({}, c(l(r, {
+        inputBorderActiveColor: d,
+        inputBorderHoverColor: d,
+        controlOutline: a
+      }))),
+      [`${o}-prefix`]: {
+        color: d
+      }
+    }
+  };
+}, b = (r) => e(e({
+  position: "relative",
+  display: "inline-block",
+  width: "100%",
+  minWidth: 0,
+  padding: `${r.inputPaddingVertical}px ${r.inputPaddingHorizontal}px`,
+  color: r.colorText,
+  fontSize: r.fontSize,
+  lineHeight: r.lineHeight,
+  backgroundColor: r.colorBgContainer,
+  backgroundImage: "none",
+  borderWidth: r.lineWidth,
+  borderStyle: r.lineType,
+  borderColor: r.colorBorder,
+  borderRadius: r.borderRadius,
+  transition: `all ${r.motionDurationMid}`
+}, H(r.colorTextPlaceholder)), {
+  "&:hover": e({}, p(r)),
+  "&:focus, &-focused": e({}, c(r)),
+  "&-disabled, &[disabled]": e({}, R(r)),
+  "&-borderless": {
+    "&, &:hover, &:focus, &-focused, &-disabled, &[disabled]": {
+      backgroundColor: "transparent",
+      border: "none",
+      boxShadow: "none"
+    }
+  },
+  // Reset height for `textarea`s
+  "textarea&": {
+    maxWidth: "100%",
+    height: "auto",
+    minHeight: r.controlHeight,
+    lineHeight: r.lineHeight,
+    verticalAlign: "bottom",
+    transition: `all ${r.motionDurationSlow}, height 0s`,
+    resize: "vertical"
+  },
+  // Size
+  "&-lg": e({}, g(r)),
+  "&-sm": e({}, h(r)),
+  // RTL
+  "&-rtl": {
+    direction: "rtl"
+  },
+  "&-textarea-rtl": {
+    direction: "rtl"
+  }
+}), I = (r) => {
+  const {
+    componentCls: i,
+    antCls: o
+  } = r;
+  return {
+    position: "relative",
+    display: "table",
+    width: "100%",
+    borderCollapse: "separate",
+    borderSpacing: 0,
+    // Undo padding and float of grid classes
+    "&[class*='col-']": {
+      paddingInlineEnd: r.paddingXS,
+      "&:last-child": {
+        paddingInlineEnd: 0
+      }
+    },
+    // Sizing options
+    [`&-lg ${i}, &-lg > ${i}-group-addon`]: e({}, g(r)),
+    [`&-sm ${i}, &-sm > ${i}-group-addon`]: e({}, h(r)),
+    [`> ${i}`]: {
+      display: "table-cell",
+      "&:not(:first-child):not(:last-child)": {
+        borderRadius: 0
+      }
+    },
+    [`${i}-group`]: {
+      "&-addon, &-wrap": {
+        display: "table-cell",
+        width: 1,
+        whiteSpace: "nowrap",
+        verticalAlign: "middle",
+        "&:not(:first-child):not(:last-child)": {
+          borderRadius: 0
+        }
+      },
+      "&-wrap > *": {
+        display: "block !important"
+      },
+      "&-addon": {
+        position: "relative",
+        padding: `0 ${r.inputPaddingHorizontal}px`,
+        color: r.colorText,
+        fontWeight: "normal",
+        fontSize: r.fontSize,
+        textAlign: "center",
+        backgroundColor: r.colorFillAlter,
+        border: `${r.lineWidth}px ${r.lineType} ${r.colorBorder}`,
+        borderRadius: r.borderRadius,
+        transition: `all ${r.motionDurationSlow}`,
+        lineHeight: 1,
+        // Reset Select's style in addon
+        [`${o}-select`]: {
+          margin: `-${r.inputPaddingVertical + 1}px -${r.inputPaddingHorizontal}px`,
+          [`&${o}-select-single:not(${o}-select-customize-input)`]: {
+            [`${o}-select-selector`]: {
+              backgroundColor: "inherit",
+              border: `${r.lineWidth}px ${r.lineType} transparent`,
+              boxShadow: "none"
+            }
+          },
+          "&-open, &-focused": {
+            [`${o}-select-selector`]: {
+              color: r.colorPrimary
+            }
+          }
+        },
+        // https://github.com/ant-design/ant-design/issues/31333
+        [`${o}-cascader-picker`]: {
+          margin: `-9px -${r.inputPaddingHorizontal}px`,
+          backgroundColor: "transparent",
+          [`${o}-cascader-input`]: {
+            textAlign: "start",
+            border: 0,
+            boxShadow: "none"
+          }
+        }
+      },
+      "&-addon:first-child": {
+        borderInlineEnd: 0
+      },
+      "&-addon:last-child": {
+        borderInlineStart: 0
+      }
+    },
+    [`${i}`]: {
+      float: "inline-start",
+      width: "100%",
+      marginBottom: 0,
+      textAlign: "inherit",
+      "&:focus": {
+        zIndex: 1,
+        borderInlineEndWidth: 1
+      },
+      "&:hover": {
+        zIndex: 1,
+        borderInlineEndWidth: 1,
+        [`${i}-search-with-button &`]: {
+          zIndex: 0
+        }
+      }
+    },
+    // Reset rounded corners
+    [`> ${i}:first-child, ${i}-group-addon:first-child`]: {
+      borderStartEndRadius: 0,
+      borderEndEndRadius: 0,
+      // Reset Select's style in addon
+      [`${o}-select ${o}-select-selector`]: {
+        borderStartEndRadius: 0,
+        borderEndEndRadius: 0
+      }
+    },
+    [`> ${i}-affix-wrapper`]: {
+      [`&:not(:first-child) ${i}`]: {
+        borderStartStartRadius: 0,
+        borderEndStartRadius: 0
+      },
+      [`&:not(:last-child) ${i}`]: {
+        borderStartEndRadius: 0,
+        borderEndEndRadius: 0
+      }
+    },
+    [`> ${i}:last-child, ${i}-group-addon:last-child`]: {
+      borderStartStartRadius: 0,
+      borderEndStartRadius: 0,
+      // Reset Select's style in addon
+      [`${o}-select ${o}-select-selector`]: {
+        borderStartStartRadius: 0,
+        borderEndStartRadius: 0
+      }
+    },
+    [`${i}-affix-wrapper`]: {
+      "&:not(:last-child)": {
+        borderStartEndRadius: 0,
+        borderEndEndRadius: 0,
+        [`${i}-search &`]: {
+          borderStartStartRadius: r.borderRadius,
+          borderEndStartRadius: r.borderRadius
+        }
+      },
+      [`&:not(:first-child), ${i}-search &:not(:first-child)`]: {
+        borderStartStartRadius: 0,
+        borderEndStartRadius: 0
+      }
+    },
+    [`&${i}-group-compact`]: e(e({
+      display: "block"
+    }, m()), {
+      [`${i}-group-addon, ${i}-group-wrap, > ${i}`]: {
+        "&:not(:first-child):not(:last-child)": {
+          borderInlineEndWidth: r.lineWidth,
+          "&:hover": {
+            zIndex: 1
+          },
+          "&:focus": {
+            zIndex: 1
+          }
+        }
+      },
+      "& > *": {
+        display: "inline-block",
+        float: "none",
+        verticalAlign: "top",
+        borderRadius: 0
+      },
+      [`& > ${i}-affix-wrapper`]: {
+        display: "inline-flex"
+      },
+      [`& > ${o}-picker-range`]: {
+        display: "inline-flex"
+      },
+      "& > *:not(:last-child)": {
+        marginInlineEnd: -r.lineWidth,
+        borderInlineEndWidth: r.lineWidth
+      },
+      // Undo float for .ant-input-group .ant-input
+      [`${i}`]: {
+        float: "none"
+      },
+      // reset border for Select, DatePicker, AutoComplete, Cascader, Mention, TimePicker, Input
+      [`& > ${o}-select > ${o}-select-selector,
+      & > ${o}-select-auto-complete ${i},
+      & > ${o}-cascader-picker ${i},
+      & > ${i}-group-wrapper ${i}`]: {
+        borderInlineEndWidth: r.lineWidth,
+        borderRadius: 0,
+        "&:hover": {
+          zIndex: 1
+        },
+        "&:focus": {
+          zIndex: 1
+        }
+      },
+      [`& > ${o}-select-focused`]: {
+        zIndex: 1
+      },
+      // update z-index for arrow icon
+      [`& > ${o}-select > ${o}-select-arrow`]: {
+        zIndex: 1
+        // https://github.com/ant-design/ant-design/issues/20371
+      },
+      [`& > *:first-child,
+      & > ${o}-select:first-child > ${o}-select-selector,
+      & > ${o}-select-auto-complete:first-child ${i},
+      & > ${o}-cascader-picker:first-child ${i}`]: {
+        borderStartStartRadius: r.borderRadius,
+        borderEndStartRadius: r.borderRadius
+      },
+      [`& > *:last-child,
+      & > ${o}-select:last-child > ${o}-select-selector,
+      & > ${o}-cascader-picker:last-child ${i},
+      & > ${o}-cascader-picker-focused:last-child ${i}`]: {
+        borderInlineEndWidth: r.lineWidth,
+        borderStartEndRadius: r.borderRadius,
+        borderEndEndRadius: r.borderRadius
+      },
+      // https://github.com/ant-design/ant-design/issues/12493
+      [`& > ${o}-select-auto-complete ${i}`]: {
+        verticalAlign: "top"
+      },
+      [`${i}-group-wrapper + ${i}-group-wrapper`]: {
+        marginInlineStart: -r.lineWidth,
+        [`${i}-affix-wrapper`]: {
+          borderRadius: 0
+        }
+      },
+      [`${i}-group-wrapper:not(:last-child)`]: {
+        [`&${i}-search > ${i}-group`]: {
+          [`& > ${i}-group-addon > ${i}-search-button`]: {
+            borderRadius: 0
+          },
+          [`& > ${i}`]: {
+            borderStartStartRadius: r.borderRadius,
+            borderStartEndRadius: 0,
+            borderEndEndRadius: 0,
+            borderEndStartRadius: r.borderRadius
+          }
+        }
+      }
+    }),
+    [`&&-sm ${o}-btn`]: {
+      fontSize: r.fontSizeSM,
+      height: r.controlHeightSM,
+      lineHeight: "normal"
+    },
+    [`&&-lg ${o}-btn`]: {
+      fontSize: r.fontSizeLG,
+      height: r.controlHeightLG,
+      lineHeight: "normal"
+    },
+    // Fix https://github.com/ant-design/ant-design/issues/5754
+    [`&&-lg ${o}-select-single ${o}-select-selector`]: {
+      height: `${r.controlHeightLG}px`,
+      [`${o}-select-selection-item, ${o}-select-selection-placeholder`]: {
+        // -2 is for the border size & override default
+        lineHeight: `${r.controlHeightLG - 2}px`
+      },
+      [`${o}-select-selection-search-input`]: {
+        height: `${r.controlHeightLG}px`
+      }
+    },
+    [`&&-sm ${o}-select-single ${o}-select-selector`]: {
+      height: `${r.controlHeightSM}px`,
+      [`${o}-select-selection-item, ${o}-select-selection-placeholder`]: {
+        // -2 is for the border size & override default
+        lineHeight: `${r.controlHeightSM - 2}px`
+      },
+      [`${o}-select-selection-search-input`]: {
+        height: `${r.controlHeightSM}px`
+      }
+    }
+  };
+}, E = (r) => {
+  const {
+    componentCls: i,
+    controlHeightSM: o,
+    lineWidth: t
+  } = r, n = (o - t * 2 - 16) / 2;
+  return {
+    [i]: e(e(e(e({}, u(r)), b(r)), $(r, i)), {
+      '&[type="color"]': {
+        height: r.controlHeight,
+        [`&${i}-lg`]: {
+          height: r.controlHeightLG
+        },
+        [`&${i}-sm`]: {
+          height: o,
+          paddingTop: n,
+          paddingBottom: n
+        }
+      }
+    })
+  };
+}, v = (r) => {
+  const {
+    componentCls: i
+  } = r;
+  return {
+    // ========================= Input =========================
+    [`${i}-clear-icon`]: {
+      margin: 0,
+      color: r.colorTextQuaternary,
+      fontSize: r.fontSizeIcon,
+      verticalAlign: -1,
+      // https://github.com/ant-design/ant-design/pull/18151
+      // https://codesandbox.io/s/wizardly-sun-u10br
+      cursor: "pointer",
+      transition: `color ${r.motionDurationSlow}`,
+      "&:hover": {
+        color: r.colorTextTertiary
+      },
+      "&:active": {
+        color: r.colorText
+      },
+      "&-hidden": {
+        visibility: "hidden"
+      },
+      "&-has-suffix": {
+        margin: `0 ${r.inputAffixPadding}px`
+      }
+    },
+    // ======================= TextArea ========================
+    "&-textarea-with-clear-btn": {
+      padding: "0 !important",
+      border: "0 !important",
+      [`${i}-clear-icon`]: {
+        position: "absolute",
+        insetBlockStart: r.paddingXS,
+        insetInlineEnd: r.paddingXS,
+        zIndex: 1
+      }
+    }
+  };
+}, w = (r) => {
+  const {
+    componentCls: i,
+    inputAffixPadding: o,
+    colorTextDescription: t,
+    motionDurationSlow: d,
+    colorIcon: n,
+    colorIconHover: a,
+    iconCls: s
+  } = r;
+  return {
+    [`${i}-affix-wrapper`]: e(e(e(e(e({}, b(r)), {
+      display: "inline-flex",
+      [`&:not(${i}-affix-wrapper-disabled):hover`]: e(e({}, p(r)), {
+        zIndex: 1,
+        [`${i}-search-with-button &`]: {
+          zIndex: 0
+        }
+      }),
+      "&-focused, &:focus": {
+        zIndex: 1
+      },
+      "&-disabled": {
+        [`${i}[disabled]`]: {
+          background: "transparent"
+        }
+      },
+      [`> input${i}`]: {
+        padding: 0,
+        fontSize: "inherit",
+        border: "none",
+        borderRadius: 0,
+        outline: "none",
+        "&:focus": {
+          boxShadow: "none !important"
+        }
+      },
+      "&::before": {
+        width: 0,
+        visibility: "hidden",
+        content: '"\\a0"'
+      },
+      [`${i}`]: {
+        "&-prefix, &-suffix": {
+          display: "flex",
+          flex: "none",
+          alignItems: "center",
+          "> *:not(:last-child)": {
+            marginInlineEnd: r.paddingXS
+          }
+        },
+        "&-show-count-suffix": {
+          color: t
+        },
+        "&-show-count-has-suffix": {
+          marginInlineEnd: r.paddingXXS
+        },
+        "&-prefix": {
+          marginInlineEnd: o
+        },
+        "&-suffix": {
+          marginInlineStart: o
+        }
+      }
+    }), v(r)), {
+      // password
+      [`${s}${i}-password-icon`]: {
+        color: n,
+        cursor: "pointer",
+        transition: `all ${d}`,
+        "&:hover": {
+          color: a
+        }
+      }
+    }), $(r, `${i}-affix-wrapper`))
+  };
+}, y = (r) => {
+  const {
+    componentCls: i,
+    colorError: o,
+    colorSuccess: t,
+    borderRadiusLG: d,
+    borderRadiusSM: n
+  } = r;
+  return {
+    [`${i}-group`]: e(e(e({}, u(r)), I(r)), {
+      "&-rtl": {
+        direction: "rtl"
+      },
+      "&-wrapper": {
+        display: "inline-block",
+        width: "100%",
+        textAlign: "start",
+        verticalAlign: "top",
+        "&-rtl": {
+          direction: "rtl"
+        },
+        // Size
+        "&-lg": {
+          [`${i}-group-addon`]: {
+            borderRadius: d
+          }
+        },
+        "&-sm": {
+          [`${i}-group-addon`]: {
+            borderRadius: n
+          }
+        },
+        // Status
+        "&-status-error": {
+          [`${i}-group-addon`]: {
+            color: o,
+            borderColor: o
+          }
+        },
+        "&-status-warning": {
+          [`${i}-group-addon:last-child`]: {
+            color: t,
+            borderColor: t
+          }
+        }
+      }
+    })
+  };
+}, z = (r) => {
+  const {
+    componentCls: i,
+    antCls: o
+  } = r, t = `${i}-search`;
+  return {
+    [t]: {
+      [`${i}`]: {
+        "&:hover, &:focus": {
+          borderColor: r.colorPrimaryHover,
+          [`+ ${i}-group-addon ${t}-button:not(${o}-btn-primary)`]: {
+            borderInlineStartColor: r.colorPrimaryHover
+          }
+        }
+      },
+      [`${i}-affix-wrapper`]: {
+        borderRadius: 0
+      },
+      // fix slight height diff in Firefox:
+      // https://ant.design/components/auto-complete-cn/#components-auto-complete-demo-certain-category
+      [`${i}-lg`]: {
+        lineHeight: r.lineHeightLG - 2e-4
+      },
+      [`> ${i}-group`]: {
+        [`> ${i}-group-addon:last-child`]: {
+          insetInlineStart: -1,
+          padding: 0,
+          border: 0,
+          [`${t}-button`]: {
+            paddingTop: 0,
+            paddingBottom: 0,
+            borderStartStartRadius: 0,
+            borderStartEndRadius: r.borderRadius,
+            borderEndEndRadius: r.borderRadius,
+            borderEndStartRadius: 0
+          },
+          [`${t}-button:not(${o}-btn-primary)`]: {
+            color: r.colorTextDescription,
+            "&:hover": {
+              color: r.colorPrimaryHover
+            },
+            "&:active": {
+              color: r.colorPrimaryActive
+            },
+            [`&${o}-btn-loading::before`]: {
+              insetInlineStart: 0,
+              insetInlineEnd: 0,
+              insetBlockStart: 0,
+              insetBlockEnd: 0
+            }
+          }
+        }
+      },
+      [`${t}-button`]: {
+        height: r.controlHeight,
+        "&:hover, &:focus": {
+          zIndex: 1
+        }
+      },
+      [`&-large ${t}-button`]: {
+        height: r.controlHeightLG
+      },
+      [`&-small ${t}-button`]: {
+        height: r.controlHeightSM
+      },
+      "&-rtl": {
+        direction: "rtl"
+      },
+      // ===================== Compact Item Customized Styles =====================
+      [`&${i}-compact-item`]: {
+        [`&:not(${i}-compact-last-item)`]: {
+          [`${i}-group-addon`]: {
+            [`${i}-search-button`]: {
+              marginInlineEnd: -r.lineWidth,
+              borderRadius: 0
+            }
+          }
+        },
+        [`&:not(${i}-compact-first-item)`]: {
+          [`${i},${i}-affix-wrapper`]: {
+            borderRadius: 0
+          }
+        },
+        [`> ${i}-group-addon ${i}-search-button,
+        > ${i},
+        ${i}-affix-wrapper`]: {
+          "&:hover,&:focus,&:active": {
+            zIndex: 2
+          }
+        },
+        [`> ${i}-affix-wrapper-focused`]: {
+          zIndex: 2
+        }
+      }
+    }
+  };
+};
+function C(r) {
+  return l(r, {
+    inputAffixPadding: r.paddingXXS,
+    inputPaddingVertical: Math.max(Math.round((r.controlHeight - r.fontSize * r.lineHeight) / 2 * 10) / 10 - r.lineWidth, 3),
+    inputPaddingVerticalLG: Math.ceil((r.controlHeightLG - r.fontSizeLG * r.lineHeightLG) / 2 * 10) / 10 - r.lineWidth,
+    inputPaddingVerticalSM: Math.max(Math.round((r.controlHeightSM - r.fontSize * r.lineHeight) / 2 * 10) / 10 - r.lineWidth, 0),
+    inputPaddingHorizontal: r.paddingSM - r.lineWidth,
+    inputPaddingHorizontalSM: r.paddingXS - r.lineWidth,
+    inputPaddingHorizontalLG: r.controlPaddingHorizontal - r.lineWidth,
+    inputBorderHoverColor: r.colorPrimaryHover,
+    inputBorderActiveColor: r.colorPrimaryHover
+  });
+}
+const W = (r) => {
+  const {
+    componentCls: i,
+    inputPaddingHorizontal: o,
+    paddingLG: t
+  } = r, d = `${i}-textarea`;
+  return {
+    [d]: {
+      position: "relative",
+      [`${d}-suffix`]: {
+        position: "absolute",
+        top: 0,
+        insetInlineEnd: o,
+        bottom: 0,
+        zIndex: 1,
+        display: "inline-flex",
+        alignItems: "center",
+        margin: "auto"
+      },
+      "&-status-error,\n        &-status-warning,\n        &-status-success,\n        &-status-validating": {
+        [`&${d}-has-feedback`]: {
+          [`${i}`]: {
+            paddingInlineEnd: t
+          }
+        }
+      },
+      "&-show-count": {
+        // https://github.com/ant-design/ant-design/issues/33049
+        [`> ${i}`]: {
+          height: "100%"
+        },
+        "&::after": {
+          color: r.colorTextDescription,
+          whiteSpace: "nowrap",
+          content: "attr(data-count)",
+          pointerEvents: "none",
+          float: "right"
+        }
+      },
+      "&-rtl": {
+        "&::after": {
+          float: "left"
+        }
+      }
+    }
+  };
+}, B = S("Input", (r) => {
+  const i = C(r);
+  return [
+    E(i),
+    W(i),
+    w(i),
+    y(i),
+    z(i),
+    // =====================================================
+    // ==             Space Compact                       ==
+    // =====================================================
+    x(i)
+  ];
+});
+export {
+  $ as a,
+  H as b,
+  I as c,
+  R as d,
+  c as e,
+  p as f,
+  b as g,
+  C as i,
+  B as u
+};