antdv-next 0.0.0 → 1.0.0-alpha.1

package/dist/rate/index.d.ts

@@ -0,0 +1,25 @@
+import { TooltipProps } from "../tooltip/index.js";
+import * as vue138 from "vue";
+import { RateProps } from "@v-c/rate";
+
+//#region src/rate/index.d.ts
+interface RateProps$1 extends Omit<RateProps, 'onChange' | 'onHoverChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onMouseLeave' | 'onUpdate:value'> {
+  rootClass?: string;
+  size?: 'small' | 'middle' | 'large';
+  tooltips?: (TooltipProps | string)[];
+}
+interface RateEmits {
+  'update:value': (value: number) => void;
+  'change': (value: number) => void;
+  'hoverChange': (value: number) => void;
+  'focus': () => void;
+  'blur': () => void;
+  'keydown': (e: KeyboardEvent) => void;
+  'mouseleave': (e: FocusEvent) => void;
+  [key: string]: (...args: any[]) => void;
+}
+declare const Rate: vue138.DefineSetupFnComponent<RateProps$1, RateEmits, {}, RateProps$1 & {
+  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, vue138.PublicProps>;
+//#endregion
+export { Rate, RateEmits, RateProps$1 as RateProps };

package/dist/rate/index.js

@@ -0,0 +1,179 @@
+import { useComponentBaseConfig } from "../config-provider/context.js";
+import { getAttrStyleAndClass } from "../_util/hooks/useMergeSemantic.js";
+import "../_util/hooks/index.js";
+import tooltip_default from "../tooltip/index.js";
+import { useDisabledContext } from "../config-provider/DisabledContext.js";
+import style_default from "./style/index.js";
+import { createVNode, defineComponent, isVNode, mergeDefaults, mergeProps, shallowRef } from "vue";
+import { clsx } from "@v-c/util";
+import { StarFilled } from "@antdv-next/icons";
+import { omit } from "es-toolkit";
+import VcRate from "@v-c/rate";
+
+//#region src/rate/index.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+function isTooltipProps(item) {
+	return typeof item === "object" && item !== null;
+}
+const defaults = {
+	size: "middle",
+	character: createVNode(StarFilled, null, null)
+};
+const Rate = /* @__PURE__ */ defineComponent((props, { attrs, emit, expose }) => {
+	const rateRef = shallowRef();
+	const characterRender = (node, { index }) => {
+		const { tooltips } = props;
+		if (!tooltips) return node;
+		const tooltipsItem = tooltips[index];
+		if (isTooltipProps(tooltipsItem)) return createVNode(tooltip_default, tooltipsItem, _isSlot(node) ? node : { default: () => [node] });
+		return createVNode(tooltip_default, { "title": tooltipsItem }, _isSlot(node) ? node : { default: () => [node] });
+	};
+	const { prefixCls: ratePrefixCls, direction, class: contextClassName, style: contextStyle } = useComponentBaseConfig("rate", props);
+	const [hashId, cssVarCls] = style_default(ratePrefixCls);
+	const disabled = useDisabledContext();
+	expose({
+		focus: () => {
+			rateRef.value?.focus?.();
+		},
+		blur: () => {
+			rateRef.value?.blur?.();
+		}
+	});
+	return () => {
+		const { character, disabled: customDisabled, size, rootClass,...restProps } = props;
+		const mergedDisabled = customDisabled ?? disabled.value;
+		const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
+		return createVNode(VcRate, mergeProps({
+			"ref": rateRef,
+			"character": character,
+			"disabled": mergedDisabled,
+			"characterRender": characterRender
+		}, restAttrs, omit(restProps, ["characterRender"]), {
+			"class": clsx(`${ratePrefixCls.value}-${size}`, className, rootClass, hashId.value, cssVarCls.value, contextClassName.value),
+			"style": {
+				...contextStyle.value,
+				...style
+			},
+			"prefixCls": ratePrefixCls.value,
+			"direction": direction.value,
+			"onFocus": () => {
+				emit("focus");
+			},
+			"onBlur": () => {
+				emit("blur");
+			},
+			"onChange": (...args) => {
+				emit("change", ...args);
+				emit("update:value", ...args);
+			},
+			"onKeyDown": (e) => {
+				emit("keydown", e);
+			},
+			"onMouseLeave": (e) => {
+				emit("mouseleave", e);
+			},
+			"onHoverChange": (...args) => {
+				emit("hoverChange", ...args);
+			}
+		}), null);
+	};
+}, {
+	emits: [
+		"update:value",
+		"change",
+		"hoverChange",
+		"focus",
+		"blur",
+		"keydown",
+		"mouseleave"
+	],
+	props: /* @__PURE__ */ mergeDefaults({
+		rootClass: {
+			type: String,
+			required: false
+		},
+		size: {
+			type: String,
+			required: false
+		},
+		tooltips: {
+			type: Array,
+			required: false
+		},
+		prefixCls: {
+			type: String,
+			required: false
+		},
+		defaultValue: {
+			type: Number,
+			required: false
+		},
+		value: {
+			type: Number,
+			required: false
+		},
+		allowClear: {
+			type: Boolean,
+			required: false
+		},
+		keyboard: {
+			type: Boolean,
+			required: false
+		},
+		direction: {
+			type: String,
+			required: false
+		},
+		tabIndex: {
+			type: [Number, String],
+			required: false
+		},
+		autoFocus: {
+			type: Boolean,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		},
+		count: {
+			type: Number,
+			required: false
+		},
+		character: {
+			type: [
+				Function,
+				Object,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false
+		},
+		characterRender: {
+			type: Function,
+			required: false
+		},
+		allowHalf: {
+			type: Boolean,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		}
+	}, defaults),
+	name: "ARate",
+	inheritAttrs: false
+});
+Rate.install = (app) => {
+	app.component(Rate.name, Rate);
+};
+var rate_default = Rate;
+
+//#endregion
+export { rate_default as default };

package/dist/rate/style/index.d.ts

@@ -0,0 +1,39 @@
+import "../../theme/internal.js";
+import "vue";
+import { CSSObject } from "@antdv-next/cssinjs";
+
+//#region src/rate/style/index.d.ts
+interface ComponentToken {
+  /**
+   * @desc 星星颜色
+   * @descEN Star color
+   */
+  starColor: string;
+  /**
+   * @desc 星星尺寸
+   * @descEN Star size
+   */
+  starSize: number;
+  /**
+   * @desc 小星星尺寸
+   * @descEN Small star size
+   */
+  starSizeSM: number;
+  /**
+   * @desc 大星星尺寸
+   * @descEN Large star size
+   */
+  starSizeLG: number;
+  /**
+   * @desc 星星悬浮时的缩放
+   * @descEN Scale of star when hover
+   */
+  starHoverScale: CSSObject['transform'];
+  /**
+   * @desc 星星背景色
+   * @descEN Star background color
+   */
+  starBg: string;
+}
+//#endregion
+export { ComponentToken };

package/dist/rate/style/index.js

@@ -0,0 +1,80 @@
+import { resetComponent } from "../../style/index.js";
+import { genStyleHooks } from "../../theme/util/genStyleUtils.js";
+import { mergeToken } from "../../theme/internal.js";
+import { unit } from "@antdv-next/cssinjs";
+
+//#region src/rate/style/index.ts
+const genRateStarStyle = (token) => {
+	const { componentCls } = token;
+	return { [`${componentCls}-star`]: {
+		"position": "relative",
+		"display": "inline-block",
+		"color": "inherit",
+		"cursor": "pointer",
+		"&:not(:last-child)": { marginInlineEnd: token.marginXS },
+		"> div": {
+			"transition": `all ${token.motionDurationMid}, outline 0s`,
+			"&:hover": { transform: token.starHoverScale },
+			"&:focus": { outline: 0 },
+			"&:focus-visible": {
+				outline: `${unit(token.lineWidth)} dashed ${token.starColor}`,
+				transform: token.starHoverScale
+			}
+		},
+		"&-first, &-second": {
+			color: token.starBg,
+			transition: `all ${token.motionDurationMid}`,
+			userSelect: "none"
+		},
+		"&-first": {
+			position: "absolute",
+			top: 0,
+			insetInlineStart: 0,
+			width: "50%",
+			height: "100%",
+			overflow: "hidden",
+			opacity: 0
+		},
+		[`&-half ${componentCls}-star-first, &-half ${componentCls}-star-second`]: { opacity: 1 },
+		[`&-half ${componentCls}-star-first, &-full ${componentCls}-star-second`]: { color: "inherit" }
+	} };
+};
+function genRateRtlStyle(token) {
+	return { [`&-rtl${token.componentCls}`]: { direction: "rtl" } };
+}
+const genRateStyle = (token) => {
+	const { componentCls } = token;
+	return { [componentCls]: {
+		...resetComponent(token),
+		"display": "inline-block",
+		"margin": 0,
+		"padding": 0,
+		"color": token.starColor,
+		"fontSize": token.starSize,
+		"lineHeight": 1,
+		"listStyle": "none",
+		"outline": "none",
+		"&-small": { fontSize: token.starSizeSM },
+		"&-large": { fontSize: token.starSizeLG },
+		[`&-disabled${componentCls} ${componentCls}-star`]: {
+			"cursor": "default",
+			"> div:hover": { transform: "scale(1)" }
+		},
+		...genRateStarStyle(token),
+		...genRateRtlStyle(token)
+	} };
+};
+const prepareComponentToken = (token) => ({
+	starColor: token.yellow6,
+	starSize: token.controlHeight * .625,
+	starSizeSM: token.controlHeightSM * .625,
+	starSizeLG: token.controlHeightLG * .625,
+	starHoverScale: "scale(1.1)",
+	starBg: token.colorFillContent
+});
+var style_default = genStyleHooks("Rate", (token) => {
+	return genRateStyle(mergeToken(token, {}));
+}, prepareComponentToken);
+
+//#endregion
+export { style_default as default };

package/dist/reset.css

@@ -0,0 +1,253 @@
+/* stylelint-disable */
+html,
+body {
+  width: 100%;
+  height: 100%;
+}
+input::-ms-clear,
+input::-ms-reveal {
+  display: none;
+}
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  -ms-overflow-style: scrollbar;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+@-ms-viewport {
+  width: device-width;
+}
+body {
+  margin: 0;
+}
+[tabindex='-1']:focus {
+  outline: none;
+}
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin-top: 0;
+  margin-bottom: 0.5em;
+  font-weight: 500;
+}
+p {
+  margin-top: 0;
+  margin-bottom: 1em;
+}
+abbr[title],
+abbr[data-original-title] {
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  border-bottom: 0;
+  cursor: help;
+}
+address {
+  margin-bottom: 1em;
+  font-style: normal;
+  line-height: inherit;
+}
+input[type='text'],
+input[type='password'],
+input[type='number'],
+textarea {
+  -webkit-appearance: none;
+}
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1em;
+}
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+dt {
+  font-weight: 500;
+}
+dd {
+  margin-bottom: 0.5em;
+  margin-left: 0;
+}
+blockquote {
+  margin: 0 0 1em;
+}
+dfn {
+  font-style: italic;
+}
+b,
+strong {
+  font-weight: bolder;
+}
+small {
+  font-size: 80%;
+}
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+sub {
+  bottom: -0.25em;
+}
+sup {
+  top: -0.5em;
+}
+pre,
+code,
+kbd,
+samp {
+  font-size: 1em;
+  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
+}
+pre {
+  margin-top: 0;
+  margin-bottom: 1em;
+  overflow: auto;
+}
+figure {
+  margin: 0 0 1em;
+}
+img {
+  vertical-align: middle;
+  border-style: none;
+}
+a,
+area,
+button,
+[role='button'],
+input:not([type='range']),
+label,
+select,
+summary,
+textarea {
+  touch-action: manipulation;
+}
+table {
+  border-collapse: collapse;
+}
+caption {
+  padding-top: 0.75em;
+  padding-bottom: 0.3em;
+  text-align: left;
+  caption-side: bottom;
+}
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  color: inherit;
+  font-size: inherit;
+  font-family: inherit;
+  line-height: inherit;
+}
+button,
+input {
+  overflow: visible;
+}
+button,
+select {
+  text-transform: none;
+}
+button,
+html [type='button'],
+[type='reset'],
+[type='submit'] {
+  -webkit-appearance: button;
+}
+button::-moz-focus-inner,
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+input[type='radio'],
+input[type='checkbox'] {
+  box-sizing: border-box;
+  padding: 0;
+}
+input[type='date'],
+input[type='time'],
+input[type='datetime-local'],
+input[type='month'] {
+  -webkit-appearance: listbox;
+}
+textarea {
+  overflow: auto;
+  resize: vertical;
+}
+fieldset {
+  min-width: 0;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 0.5em;
+  padding: 0;
+  color: inherit;
+  font-size: 1.5em;
+  line-height: inherit;
+  white-space: normal;
+}
+progress {
+  vertical-align: baseline;
+}
+[type='number']::-webkit-inner-spin-button,
+[type='number']::-webkit-outer-spin-button {
+  height: auto;
+}
+[type='search'] {
+  outline-offset: -2px;
+  -webkit-appearance: none;
+}
+[type='search']::-webkit-search-cancel-button,
+[type='search']::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+output {
+  display: inline-block;
+}
+summary {
+  display: list-item;
+}
+template {
+  display: none;
+}
+[hidden] {
+  display: none !important;
+}
+mark {
+  padding: 0.2em;
+  background-color: #feffe6;
+}

package/dist/result/index.d.ts

@@ -0,0 +1,48 @@
+import { EmptyEmit, VueNode } from "../_util/type.js";
+import { SemanticClassNamesType, SemanticStylesType } from "../_util/hooks/useMergeSemantic.js";
+import "../_util/hooks/index.js";
+import { NoFound } from "./noFound.js";
+import { ServerError } from "./serverError.js";
+import { Unauthorized } from "./unauthorized.js";
+import { ComponentBaseProps } from "../config-provider/context.js";
+import * as vue140 from "vue";
+import { SlotsType } from "vue";
+
+//#region src/result/index.d.ts
+declare const IconMap: Record<string, any>;
+declare const ExceptionMap: {
+  404: typeof NoFound;
+  500: typeof ServerError;
+  403: typeof Unauthorized;
+};
+type ExceptionStatusType = 403 | 404 | 500 | '403' | '404' | '500';
+type ResultStatusType = ExceptionStatusType | keyof typeof IconMap;
+type SemanticName = 'root' | 'title' | 'subTitle' | 'body' | 'extra' | 'icon';
+type ResultClassNamesType = SemanticClassNamesType<ResultProps, SemanticName>;
+type ResultStylesType = SemanticStylesType<ResultProps, SemanticName>;
+interface ResultProps extends ComponentBaseProps {
+  icon?: VueNode;
+  status?: ResultStatusType;
+  title?: VueNode;
+  subTitle?: VueNode;
+  extra?: VueNode;
+  classes?: ResultClassNamesType;
+  styles?: ResultStylesType;
+}
+interface ResultSlots {
+  icon?: () => any;
+  title?: () => any;
+  subTitle?: () => any;
+  extra?: () => any;
+  default?: () => any;
+}
+declare const Result: vue140.DefineSetupFnComponent<ResultProps, EmptyEmit, SlotsType<ResultSlots>, ResultProps & {
+  [x: `on${Capitalize<string>}`]: ((...args: any[]) => any) | undefined;
+}, vue140.PublicProps>;
+declare const _default: typeof Result & {
+  PRESENTED_IMAGE_403: (typeof ExceptionMap)["403"];
+  PRESENTED_IMAGE_404: (typeof ExceptionMap)["404"];
+  PRESENTED_IMAGE_500: (typeof ExceptionMap)["500"];
+};
+//#endregion
+export { ResultProps, _default };