@will-ui/vue 1.0.0

package/dist/components/chooseItem/ChooseItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChooseItem.js","names":["defineComponent","inject","computed","watchEffect","createVNode","useComponentConfig","CurrentValueKey","SetCurrentValueKey","SetCurrentLabelKey","ToCloseKey","CHOOSE_ITEM_FALLBACK","name","props","tag","type","String","default","undefined","value","Number","Boolean","label","disabled","setup","slots","cfg","currentValue","setCurrentValue","Error","setCurrentLabel","toClose","isActive","options","class","role","onClick"],"sources":["../../../components/chooseItem/ChooseItem.tsx"],"sourcesContent":["import {\r\n  defineComponent,\r\n  inject,\r\n  computed,\r\n  watchEffect,\r\n  createVNode,\r\n  type PropType,\r\n} from 'vue'\r\nimport useComponentConfig from '../../use/useComponentConfig'\r\nimport {\r\n  CurrentValueKey,\r\n  SetCurrentValueKey,\r\n  SetCurrentLabelKey,\r\n  ToCloseKey,\r\n} from '../choose/injectionKey'\r\nimport { CHOOSE_ITEM_FALLBACK } from './config'\r\n\r\nexport type { ChooseItemGlobalConfig } from './config'\r\nexport { CHOOSE_ITEM_FALLBACK } from './config'\r\n\r\nexport default defineComponent({\r\n  name: 'ChooseItem',\r\n  props: {\r\n    tag: { type: String, default: undefined },\r\n    value: {\r\n      type: [Number, String, Boolean] as PropType<\r\n        number | string | boolean | undefined\r\n      >,\r\n      default: undefined,\r\n    },\r\n    label: {\r\n      type: [Number, String] as PropType<number | string | undefined>,\r\n      default: undefined,\r\n    },\r\n    disabled: { type: Boolean, default: undefined },\r\n  },\r\n  setup(props, { slots }) {\r\n    const cfg = useComponentConfig('ChooseItem', props, CHOOSE_ITEM_FALLBACK)\r\n\r\n    const currentValue = inject(\r\n      CurrentValueKey,\r\n      computed(() => undefined),\r\n    )\r\n    const setCurrentValue = inject(SetCurrentValueKey, () => {\r\n      throw new Error('[ChooseItem] setCurrentValue 未注入，请放在 Choose 内使用')\r\n    })\r\n    const setCurrentLabel = inject(SetCurrentLabelKey, () => {\r\n      throw new Error('[ChooseItem] setCurrentLabel 未注入，请放在 Choose 内使用')\r\n    })\r\n    const toClose = inject(ToCloseKey, () => {\r\n      throw new Error('[ChooseItem] toClose 未注入，请放在 Choose 内使用')\r\n    })\r\n\r\n    const isActive = computed(\r\n      () =>\r\n        currentValue.value !== undefined && props.value === currentValue.value,\r\n    )\r\n    const disabled = computed(() => !!cfg.value.disabled)\r\n\r\n    watchEffect(() => {\r\n      if (isActive.value) {\r\n        setCurrentLabel(props.label)\r\n      }\r\n    })\r\n\r\n    return () => {\r\n      const tag = cfg.value.tag || 'div'\r\n      const options: Record<string, any> = {\r\n        class: [\r\n          'w-choose-item',\r\n          {\r\n            'w-choose-item-active': isActive.value,\r\n            'w-choose-item-disabled': disabled.value,\r\n          },\r\n        ],\r\n        role: 'option',\r\n        'aria-selected': isActive.value || undefined,\r\n        'aria-disabled': disabled.value || undefined,\r\n      }\r\n      if (!disabled.value) {\r\n        options.onClick = () => {\r\n          if (!isActive.value) {\r\n            // 先 label 再 value，保证 Choose change 拿到正确 label\r\n            setCurrentLabel(props.label)\r\n            setCurrentValue(props.value)\r\n          }\r\n          toClose()\r\n        }\r\n      }\r\n      return createVNode(\r\n        tag,\r\n        options,\r\n        slots.default?.() || props.label,\r\n      )\r\n    }\r\n  },\r\n})\r\n"],"mappings":";;;;;AAoBA,IAAA,qBAAeA,gCAAgB;CAC7BW,MAAM;CACNC,OAAO;EACLC,KAAK;GAAEC,MAAMC;GAAQC,SAASC,KAAAA;EAAU;EACxCC,OAAO;GACLJ,MAAM;IAACK;IAAQJ;IAAQK;GAAO;GAG9BJ,SAASC,KAAAA;EACX;EACAI,OAAO;GACLP,MAAM,CAACK,QAAQJ,MAAM;GACrBC,SAASC,KAAAA;EACX;EACAK,UAAU;GAAER,MAAMM;GAASJ,SAASC,KAAAA;EAAU;CAChD;CACAM,MAAMX,OAAO,EAAEY,SAAS;EACtB,MAAMC,MAAMpB,mBAAmB,cAAcO,OAAOF,oBAAoB;EAExE,MAAMgB,eAAezB,OACnBK,iBACAJ,eAAee,KAAAA,CAAS,CAC1B;EACA,MAAMU,kBAAkB1B,OAAOM,0BAA0B;GACvD,MAAM,IAAIqB,MAAM,iDAAiD;EACnE,CAAC;EACD,MAAMC,kBAAkB5B,OAAOO,0BAA0B;GACvD,MAAM,IAAIoB,MAAM,iDAAiD;EACnE,CAAC;EACD,MAAME,UAAU7B,OAAOQ,kBAAkB;GACvC,MAAM,IAAImB,MAAM,yCAAyC;EAC3D,CAAC;EAED,MAAMG,WAAW7B,eAEbwB,aAAaR,UAAUD,KAAAA,KAAaL,MAAMM,UAAUQ,aAAaR,KACrE;EACA,MAAMI,WAAWpB,eAAe,CAAC,CAACuB,IAAIP,MAAMI,QAAQ;EAEpDnB,kBAAkB;GAChB,IAAI4B,SAASb,OACXW,gBAAgBjB,MAAMS,KAAK;EAE/B,CAAC;EAED,aAAa;GACX,MAAMR,MAAMY,IAAIP,MAAML,OAAO;GAC7B,MAAMmB,UAA+B;IACnCC,OAAO,CACL,iBACA;KACE,wBAAwBF,SAASb;KACjC,0BAA0BI,SAASJ;IACrC,CAAC;IAEHgB,MAAM;IACN,iBAAiBH,SAASb,SAASD,KAAAA;IACnC,iBAAiBK,SAASJ,SAASD,KAAAA;GACrC;GACA,IAAI,CAACK,SAASJ,OACZc,QAAQG,gBAAgB;IACtB,IAAI,CAACJ,SAASb,OAAO;KAEnBW,gBAAgBjB,MAAMS,KAAK;KAC3BM,gBAAgBf,MAAMM,KAAK;IAC7B;IACAY,QAAQ;GACV;GAEF,OAAO1B,YACLS,KACAmB,SACAR,MAAMR,UAAU,KAAKJ,MAAMS,KAC7B;EACF;CACF;AACF,CAAC"}

package/dist/components/chooseItem/config.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 可通过 `app.use(UI, { components: { ChooseItem: {...} } })` 配置。
+ * 不宜全局配置：value / label（实例字段）。
+ */
+export type ChooseItemGlobalConfig = Partial<{
+    disabled: boolean;
+    tag: string;
+}>;
+export declare const CHOOSE_ITEM_FALLBACK: {
+    disabled: boolean;
+    tag: string;
+};

package/dist/components/chooseItem/config.js

@@ -0,0 +1,9 @@
+//#region components/chooseItem/config.ts
+var CHOOSE_ITEM_FALLBACK = {
+	disabled: false,
+	tag: "div"
+};
+//#endregion
+export { CHOOSE_ITEM_FALLBACK };
+
+//# sourceMappingURL=config.js.map

package/dist/components/chooseItem/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","names":[],"sources":["../../../components/chooseItem/config.ts"],"sourcesContent":["/**\r\n * 可通过 `app.use(UI, { components: { ChooseItem: {...} } })` 配置。\r\n * 不宜全局配置：value / label（实例字段）。\r\n */\r\nexport type ChooseItemGlobalConfig = Partial<{\r\n  disabled: boolean\r\n  tag: string\r\n}>\r\n\r\nexport const CHOOSE_ITEM_FALLBACK = {\r\n  disabled: false,\r\n  tag: 'div',\r\n}\r\n"],"mappings":";AASA,IAAa,uBAAuB;CAClC,UAAU;CACV,KAAK;AACP"}

package/dist/components/chooseItem/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './ChooseItem';
+export type { ChooseItemGlobalConfig } from './config';
+export { CHOOSE_ITEM_FALLBACK } from './config';

package/dist/components/chooseItem/style/index.css

@@ -0,0 +1 @@
+@import '../../../theme/tokens/components/chooseItem.css';

package/dist/components/circleProgress/CircleProgress.d.ts

@@ -0,0 +1,83 @@
+import { PropType } from 'vue';
+import { CssVars } from '../../util';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** 当前进度 0–100 */
+    percent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 外径尺寸（px）→ `--w-prop-circle-progress-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 渐变结束色（品牌主色）→ `--w-prop-circle-progress-color` */
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    /**
+     * 环粗细（viewBox 单位，边长 100）。
+     * 写入 `--w-prop-circle-progress-stroke`；未传走 `--w-circle-progress-stroke-ratio`
+     */
+    strokeWidth: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /**
+     * 进度弧起点角度（deg）。SVG 坐标系：0 = 3 点钟，-90 = 12 点钟（默认）
+     */
+    startAngle: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 实例 CSS 变量（如 track / color-start） */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** 当前进度 0–100 */
+    percent: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 外径尺寸（px）→ `--w-prop-circle-progress-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 渐变结束色（品牌主色）→ `--w-prop-circle-progress-color` */
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    /**
+     * 环粗细（viewBox 单位，边长 100）。
+     * 写入 `--w-prop-circle-progress-stroke`；未传走 `--w-circle-progress-stroke-ratio`
+     */
+    strokeWidth: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /**
+     * 进度弧起点角度（deg）。SVG 坐标系：0 = 3 点钟，-90 = 12 点钟（默认）
+     */
+    startAngle: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** 实例 CSS 变量（如 track / color-start） */
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    size: number;
+    color: string;
+    cssVars: CssVars;
+    percent: number;
+    strokeWidth: number;
+    startAngle: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/circleProgress/CircleProgress.js

@@ -0,0 +1,108 @@
+import { propColorToCssVars, propSizeToCssVars, toCssVarsStyle } from "../../util/cssVars.js";
+import { computed, createVNode, defineComponent, mergeProps, useId } from "vue";
+//#region components/circleProgress/CircleProgress.tsx
+/** 与原 Circle viewBox 一致：中线半径 (55+25)/2 */
+var VB = 100;
+var RADIUS = 40;
+var CIRCUMFERENCE = 2 * Math.PI * RADIUS;
+var CircleProgress_default = /* @__PURE__ */ defineComponent({
+	name: "CircleProgress",
+	inheritAttrs: false,
+	props: {
+		/** 当前进度 0–100 */
+		percent: {
+			type: Number,
+			default: 0
+		},
+		/** 外径尺寸（px）→ `--w-prop-circle-progress-size` */
+		size: {
+			type: Number,
+			default: void 0
+		},
+		/** 渐变结束色（品牌主色）→ `--w-prop-circle-progress-color` */
+		color: {
+			type: String,
+			default: void 0
+		},
+		/**
+		* 环粗细（viewBox 单位，边长 100）。
+		* 写入 `--w-prop-circle-progress-stroke`；未传走 `--w-circle-progress-stroke-ratio`
+		*/
+		strokeWidth: {
+			type: Number,
+			default: void 0
+		},
+		/**
+		* 进度弧起点角度（deg）。SVG 坐标系：0 = 3 点钟，-90 = 12 点钟（默认）
+		*/
+		startAngle: {
+			type: Number,
+			default: -90
+		},
+		/** 实例 CSS 变量（如 track / color-start） */
+		cssVars: {
+			type: Object,
+			default: void 0
+		}
+	},
+	setup(props, { attrs, slots }) {
+		const gradientId = `w-cp-g-${useId().replace(/[^a-zA-Z0-9_-]/g, "")}`;
+		const fillPercent = computed(() => Math.max(0, Math.min(100, props.percent)));
+		const dashOffset = computed(() => CIRCUMFERENCE * (1 - fillPercent.value / 100));
+		return () => {
+			const rootProps = mergeProps({
+				class: "w-circle-progress",
+				style: toCssVarsStyle({
+					...propSizeToCssVars("circle-progress", props.size),
+					...propColorToCssVars("circle-progress", props.color),
+					...props.strokeWidth != null ? { "--w-prop-circle-progress-stroke": props.strokeWidth } : void 0,
+					"--__start-angle": `${props.startAngle}deg`,
+					...props.cssVars
+				}),
+				role: "progressbar",
+				"aria-valuemin": 0,
+				"aria-valuemax": 100,
+				"aria-valuenow": fillPercent.value
+			}, attrs);
+			return createVNode("div", rootProps, [createVNode("svg", {
+				"class": "w-circle-progress__svg",
+				"viewBox": `0 0 ${VB} ${VB}`,
+				"xmlns": "http://www.w3.org/2000/svg",
+				"aria-hidden": "true"
+			}, [
+				createVNode("defs", null, [createVNode("linearGradient", {
+					"id": gradientId,
+					"x1": "0%",
+					"y1": "0%",
+					"x2": "100%",
+					"y2": "100%"
+				}, [createVNode("stop", {
+					"offset": "0%",
+					"stop-color": "var(--__color-start)"
+				}, null), createVNode("stop", {
+					"offset": "100%",
+					"stop-color": "var(--__color)"
+				}, null)])]),
+				createVNode("circle", {
+					"class": "w-circle-progress__track",
+					"cx": VB / 2,
+					"cy": VB / 2,
+					"r": RADIUS
+				}, null),
+				createVNode("circle", {
+					"class": "w-circle-progress__arc",
+					"cx": VB / 2,
+					"cy": VB / 2,
+					"r": RADIUS,
+					"stroke": `url(#${gradientId})`,
+					"stroke-dasharray": CIRCUMFERENCE,
+					"stroke-dashoffset": dashOffset.value
+				}, null)
+			]), slots.default && createVNode("div", { "class": "w-circle-progress__content" }, [slots.default()])]);
+		};
+	}
+});
+//#endregion
+export { CircleProgress_default as default };
+
+//# sourceMappingURL=CircleProgress.js.map

package/dist/components/circleProgress/CircleProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleProgress.js","names":["computed","defineComponent","mergeProps","useId","createVNode","_createVNode","propColorToCssVars","propSizeToCssVars","toCssVarsStyle","VB","RADIUS","CIRCUMFERENCE","Math","PI","name","inheritAttrs","props","percent","type","Number","default","size","undefined","color","String","strokeWidth","startAngle","cssVars","Object","setup","attrs","slots","gradientId","replace","fillPercent","max","min","dashOffset","value","rootProps","class","style","role"],"sources":["../../../components/circleProgress/CircleProgress.tsx"],"sourcesContent":["import type { PropType } from 'vue'\r\nimport { computed, defineComponent, mergeProps, useId } from 'vue'\r\nimport {\r\n  propColorToCssVars,\r\n  propSizeToCssVars,\r\n  toCssVarsStyle,\r\n  type CssVars,\r\n} from '../../util'\r\n\r\n/** 与原 Circle viewBox 一致：中线半径 (55+25)/2 */\r\nconst VB = 100\r\nconst RADIUS = 40\r\nconst CIRCUMFERENCE = 2 * Math.PI * RADIUS\r\n\r\nexport default defineComponent({\r\n  name: 'CircleProgress',\r\n  inheritAttrs: false,\r\n  props: {\r\n    /** 当前进度 0–100 */\r\n    percent: { type: Number, default: 0 },\r\n    /** 外径尺寸（px）→ `--w-prop-circle-progress-size` */\r\n    size: { type: Number, default: undefined },\r\n    /** 渐变结束色（品牌主色）→ `--w-prop-circle-progress-color` */\r\n    color: { type: String, default: undefined },\r\n    /**\r\n     * 环粗细（viewBox 单位，边长 100）。\r\n     * 写入 `--w-prop-circle-progress-stroke`；未传走 `--w-circle-progress-stroke-ratio`\r\n     */\r\n    strokeWidth: { type: Number, default: undefined },\r\n    /**\r\n     * 进度弧起点角度（deg）。SVG 坐标系：0 = 3 点钟，-90 = 12 点钟（默认）\r\n     */\r\n    startAngle: { type: Number, default: -90 },\r\n    /** 实例 CSS 变量（如 track / color-start） */\r\n    cssVars: { type: Object as PropType<CssVars>, default: undefined },\r\n  },\r\n  setup(props, { attrs, slots }) {\r\n    // 每实例唯一 id，避免多环共用同一 gradient（固定 id=\"circleGradient\" 会串色）\r\n    const gradientId = `w-cp-g-${useId().replace(/[^a-zA-Z0-9_-]/g, '')}`\r\n\r\n    const fillPercent = computed(() =>\r\n      Math.max(0, Math.min(100, props.percent)),\r\n    )\r\n    const dashOffset = computed(\r\n      () => CIRCUMFERENCE * (1 - fillPercent.value / 100),\r\n    )\r\n\r\n    return () => {\r\n      const rootProps = mergeProps(\r\n        {\r\n          class: 'w-circle-progress',\r\n          style: toCssVarsStyle({\r\n            ...propSizeToCssVars('circle-progress', props.size),\r\n            ...propColorToCssVars('circle-progress', props.color),\r\n            ...(props.strokeWidth != null\r\n              ? { '--w-prop-circle-progress-stroke': props.strokeWidth }\r\n              : undefined),\r\n            '--__start-angle': `${props.startAngle}deg`,\r\n            ...props.cssVars,\r\n          }),\r\n          role: 'progressbar',\r\n          'aria-valuemin': 0,\r\n          'aria-valuemax': 100,\r\n          'aria-valuenow': fillPercent.value,\r\n        },\r\n        attrs,\r\n      )\r\n\r\n      return (\r\n        <div {...rootProps}>\r\n          <svg\r\n            class=\"w-circle-progress__svg\"\r\n            viewBox={`0 0 ${VB} ${VB}`}\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            aria-hidden=\"true\">\r\n            <defs>\r\n              <linearGradient\r\n                id={gradientId}\r\n                x1=\"0%\"\r\n                y1=\"0%\"\r\n                x2=\"100%\"\r\n                y2=\"100%\">\r\n                <stop offset=\"0%\" stop-color=\"var(--__color-start)\" />\r\n                <stop offset=\"100%\" stop-color=\"var(--__color)\" />\r\n              </linearGradient>\r\n            </defs>\r\n            <circle\r\n              class=\"w-circle-progress__track\"\r\n              cx={VB / 2}\r\n              cy={VB / 2}\r\n              r={RADIUS}\r\n            />\r\n            <circle\r\n              class=\"w-circle-progress__arc\"\r\n              cx={VB / 2}\r\n              cy={VB / 2}\r\n              r={RADIUS}\r\n              stroke={`url(#${gradientId})`}\r\n              stroke-dasharray={CIRCUMFERENCE}\r\n              stroke-dashoffset={dashOffset.value}\r\n            />\r\n          </svg>\r\n          {slots.default && (\r\n            <div class=\"w-circle-progress__content\">{slots.default()}</div>\r\n          )}\r\n        </div>\r\n      )\r\n    }\r\n  },\r\n})\r\n"],"mappings":";;;;AAUA,IAAMS,KAAK;AACX,IAAMC,SAAS;AACf,IAAMC,gBAAgB,IAAIC,KAAKC,KAAKH;AAEpC,IAAA,yBAAeT,gCAAgB;CAC7Ba,MAAM;CACNC,cAAc;CACdC,OAAO;;EAELC,SAAS;GAAEC,MAAMC;GAAQC,SAAS;EAAE;;EAEpCC,MAAM;GAAEH,MAAMC;GAAQC,SAASE,KAAAA;EAAU;;EAEzCC,OAAO;GAAEL,MAAMM;GAAQJ,SAASE,KAAAA;EAAU;;;;;EAK1CG,aAAa;GAAEP,MAAMC;GAAQC,SAASE,KAAAA;EAAU;;;;EAIhDI,YAAY;GAAER,MAAMC;GAAQC,SAAS;EAAI;;EAEzCO,SAAS;GAAET,MAAMU;GAA6BR,SAASE,KAAAA;EAAU;CACnE;CACAO,MAAMb,OAAO,EAAEc,OAAOC,SAAS;EAE7B,MAAMC,aAAa,UAAU7B,MAAM,CAAC,CAAC8B,QAAQ,mBAAmB,EAAE;EAElE,MAAMC,cAAclC,eAClBY,KAAKuB,IAAI,GAAGvB,KAAKwB,IAAI,KAAKpB,MAAMC,OAAO,CAAC,CAC1C;EACA,MAAMoB,aAAarC,eACXW,iBAAiB,IAAIuB,YAAYI,QAAQ,IACjD;EAEA,aAAa;GACX,MAAMC,YAAYrC,WAChB;IACEsC,OAAO;IACPC,OAAOjC,eAAe;KACpB,GAAGD,kBAAkB,mBAAmBS,MAAMK,IAAI;KAClD,GAAGf,mBAAmB,mBAAmBU,MAAMO,KAAK;KACpD,GAAIP,MAAMS,eAAe,OACrB,EAAE,mCAAmCT,MAAMS,YAAY,IACvDH,KAAAA;KACJ,mBAAmB,GAAGN,MAAMU,WAAU;KACtC,GAAGV,MAAMW;IACX,CAAC;IACDe,MAAM;IACN,iBAAiB;IACjB,iBAAiB;IACjB,iBAAiBR,YAAYI;GAC/B,GACAR,KACF;GAEA,OAAAzB,YAAA,OACWkC,WAAS,CAAAlC,YAAA,OAAA;IAAA,SAAA;IAAA,WAGL,OAAOI,GAAE,GAAIA;IAAI,SAAA;IAAA,eAAA;GAAA,GAAA;IAAAJ,YAAA,QAAA,MAAA,CAAAA,YAAA,kBAAA;KAAA,MAKlB2B;KAAU,MAAA;KAAA,MAAA;KAAA,MAAA;KAAA,MAAA;IAAA,GAAA,CAAA3B,YAAA,QAAA;KAAA,UAAA;KAAA,cAAA;IAAA,GAAA,IAAA,GAAAA,YAAA,QAAA;KAAA,UAAA;KAAA,cAAA;IAAA,GAAA,IAAA,CAAA,CAAA,CAAA,CAAA;IAAAA,YAAA,UAAA;KAAA,SAAA;KAAA,MAWZI,KAAK;KAAC,MACNA,KAAK;KAAC,KACPC;IAAM,GAAA,IAAA;IAAAL,YAAA,UAAA;KAAA,SAAA;KAAA,MAILI,KAAK;KAAC,MACNA,KAAK;KAAC,KACPC;KAAM,UACD,QAAQsB,WAAU;KAAG,oBACXrB;KAAa,qBACZ0B,WAAWC;IAAK,GAAA,IAAA;GAAA,CAAA,GAGtCP,MAAMX,WAAOf,YAAA,OAAA,EAAA,SAAA,6BAAA,GAAA,CAC6B0B,MAAMX,QAAQ,CAAC,CAAA,CACzD,CAAA;EAGP;CACF;AACF,CAAC"}

package/dist/components/circleProgress/index.d.ts

@@ -0,0 +1 @@
+export { default } from './CircleProgress';

package/dist/components/circleProgress/style/index.css

@@ -0,0 +1 @@
+@import '../../../theme/tokens/components/circleProgress.css';

package/dist/components/close/Close.d.ts

@@ -0,0 +1,114 @@
+import { PropType } from 'vue';
+import { IconRotateDirection } from '../icon/type';
+/**
+ * 关闭按钮。基于 Icon，默认 name 为 w-icon-close。
+ * 颜色 / 字号走 `--w-close-*` 主题令牌；实例 color / size 仍可覆盖。
+ */
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontClassName: {
+        type: StringConstructor;
+        default: any;
+    };
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    hoverColor: {
+        type: StringConstructor;
+        default: any;
+    };
+    size: {
+        type: PropType<string | number>;
+        default: any;
+    };
+    spin: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    rotate: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    deg: {
+        type: NumberConstructor;
+        default: any;
+    };
+    direction: {
+        type: PropType<IconRotateDirection>;
+        default: any;
+    };
+    title: {
+        type: StringConstructor;
+        default: any;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (e: MouseEvent) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: string;
+    };
+    fontClassName: {
+        type: StringConstructor;
+        default: any;
+    };
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    hoverColor: {
+        type: StringConstructor;
+        default: any;
+    };
+    size: {
+        type: PropType<string | number>;
+        default: any;
+    };
+    spin: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    rotate: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    deg: {
+        type: NumberConstructor;
+        default: any;
+    };
+    direction: {
+        type: PropType<IconRotateDirection>;
+        default: any;
+    };
+    title: {
+        type: StringConstructor;
+        default: any;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: any;
+    };
+}>> & Readonly<{
+    onClick?: (e: MouseEvent) => any;
+}>, {
+    title: string;
+    deg: number;
+    size: string | number;
+    name: string;
+    fontClassName: string;
+    color: string;
+    hoverColor: string;
+    spin: boolean;
+    rotate: boolean;
+    direction: IconRotateDirection;
+    ariaLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/close/Close.js

@@ -0,0 +1,82 @@
+import Icon_default from "../icon/Icon.js";
+import { createVNode, defineComponent, mergeProps } from "vue";
+//#region components/close/Close.tsx
+/**
+* 关闭按钮。基于 Icon，默认 name 为 w-icon-close。
+* 颜色 / 字号走 `--w-close-*` 主题令牌；实例 color / size 仍可覆盖。
+*/
+var Close_default = /* @__PURE__ */ defineComponent({
+	name: "Close",
+	inheritAttrs: false,
+	props: {
+		name: {
+			type: String,
+			default: "w-icon-close"
+		},
+		fontClassName: {
+			type: String,
+			default: void 0
+		},
+		color: {
+			type: String,
+			default: void 0
+		},
+		hoverColor: {
+			type: String,
+			default: void 0
+		},
+		size: {
+			type: [String, Number],
+			default: void 0
+		},
+		spin: {
+			type: Boolean,
+			default: void 0
+		},
+		rotate: {
+			type: Boolean,
+			default: void 0
+		},
+		deg: {
+			type: Number,
+			default: void 0
+		},
+		direction: {
+			type: String,
+			default: void 0
+		},
+		title: {
+			type: String,
+			default: void 0
+		},
+		ariaLabel: {
+			type: String,
+			default: void 0
+		}
+	},
+	emits: { click: (e) => e instanceof Event },
+	setup(props, { attrs, slots, emit }) {
+		return () => {
+			const iconProps = mergeProps({
+				name: props.name,
+				fontClassName: props.fontClassName,
+				color: props.color,
+				hoverColor: props.hoverColor,
+				size: props.size,
+				spin: props.spin,
+				rotate: props.rotate,
+				deg: props.deg,
+				direction: props.direction,
+				title: props.title,
+				ariaLabel: props.ariaLabel,
+				class: "w-close",
+				onClick: (e) => emit("click", e)
+			}, attrs);
+			return createVNode(Icon_default, iconProps, { default: () => [slots.default?.()] });
+		};
+	}
+});
+//#endregion
+export { Close_default as default };
+
+//# sourceMappingURL=Close.js.map

package/dist/components/close/Close.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Close.js","names":["defineComponent","mergeProps","createVNode","_createVNode","Icon","name","inheritAttrs","props","type","String","default","fontClassName","undefined","color","hoverColor","size","Number","spin","Boolean","rotate","deg","direction","title","ariaLabel","emits","click","e","Event","setup","attrs","slots","emit","iconProps","class","onClick"],"sources":["../../../components/close/Close.tsx"],"sourcesContent":["import { defineComponent, mergeProps } from 'vue'\r\nimport type { PropType } from 'vue'\r\nimport Icon from '../icon/index'\r\nimport type { IconRotateDirection } from '../icon/type'\r\n\r\n/**\r\n * 关闭按钮。基于 Icon，默认 name 为 w-icon-close。\r\n * 颜色 / 字号走 `--w-close-*` 主题令牌；实例 color / size 仍可覆盖。\r\n */\r\nexport default defineComponent({\r\n  name: 'Close',\r\n  inheritAttrs: false,\r\n  props: {\r\n    name: { type: String, default: 'w-icon-close' },\r\n    fontClassName: { type: String, default: undefined },\r\n    color: { type: String, default: undefined },\r\n    hoverColor: { type: String, default: undefined },\r\n    size: {\r\n      type: [String, Number] as PropType<string | number>,\r\n      default: undefined,\r\n    },\r\n    spin: { type: Boolean, default: undefined },\r\n    rotate: { type: Boolean, default: undefined },\r\n    deg: { type: Number, default: undefined },\r\n    direction: {\r\n      type: String as PropType<IconRotateDirection>,\r\n      default: undefined,\r\n    },\r\n    title: { type: String, default: undefined },\r\n    ariaLabel: { type: String, default: undefined },\r\n  },\r\n  emits: {\r\n    click: (e: MouseEvent) => e instanceof Event,\r\n  },\r\n  setup(props, { attrs, slots, emit }) {\r\n    return () => {\r\n      const iconProps = mergeProps(\r\n        {\r\n          name: props.name,\r\n          fontClassName: props.fontClassName,\r\n          color: props.color,\r\n          hoverColor: props.hoverColor,\r\n          size: props.size,\r\n          spin: props.spin,\r\n          rotate: props.rotate,\r\n          deg: props.deg,\r\n          direction: props.direction,\r\n          title: props.title,\r\n          ariaLabel: props.ariaLabel,\r\n          class: 'w-close',\r\n          onClick: (e: MouseEvent) => emit('click', e),\r\n        },\r\n        attrs,\r\n      )\r\n      return <Icon {...iconProps}>{slots.default?.()}</Icon>\r\n    }\r\n  },\r\n})\r\n"],"mappings":";;;;;;;AASA,IAAA,gBAAeA,gCAAgB;CAC7BK,MAAM;CACNC,cAAc;CACdC,OAAO;EACLF,MAAM;GAAEG,MAAMC;GAAQC,SAAS;EAAe;EAC9CC,eAAe;GAAEH,MAAMC;GAAQC,SAASE,KAAAA;EAAU;EAClDC,OAAO;GAAEL,MAAMC;GAAQC,SAASE,KAAAA;EAAU;EAC1CE,YAAY;GAAEN,MAAMC;GAAQC,SAASE,KAAAA;EAAU;EAC/CG,MAAM;GACJP,MAAM,CAACC,QAAQO,MAAM;GACrBN,SAASE,KAAAA;EACX;EACAK,MAAM;GAAET,MAAMU;GAASR,SAASE,KAAAA;EAAU;EAC1CO,QAAQ;GAAEX,MAAMU;GAASR,SAASE,KAAAA;EAAU;EAC5CQ,KAAK;GAAEZ,MAAMQ;GAAQN,SAASE,KAAAA;EAAU;EACxCS,WAAW;GACTb,MAAMC;GACNC,SAASE,KAAAA;EACX;EACAU,OAAO;GAAEd,MAAMC;GAAQC,SAASE,KAAAA;EAAU;EAC1CW,WAAW;GAAEf,MAAMC;GAAQC,SAASE,KAAAA;EAAU;CAChD;CACAY,OAAO,EACLC,QAAQC,MAAkBA,aAAaC,MACzC;CACAC,MAAMrB,OAAO,EAAEsB,OAAOC,OAAOC,QAAQ;EACnC,aAAa;GACX,MAAMC,YAAY/B,WAChB;IACEI,MAAME,MAAMF;IACZM,eAAeJ,MAAMI;IACrBE,OAAON,MAAMM;IACbC,YAAYP,MAAMO;IAClBC,MAAMR,MAAMQ;IACZE,MAAMV,MAAMU;IACZE,QAAQZ,MAAMY;IACdC,KAAKb,MAAMa;IACXC,WAAWd,MAAMc;IACjBC,OAAOf,MAAMe;IACbC,WAAWhB,MAAMgB;IACjBU,OAAO;IACPC,UAAUR,MAAkBK,KAAK,SAASL,CAAC;GAC7C,GACAG,KACF;GACA,OAAA1B,YAAAC,cAAiB4B,WAAS,EAAAtB,eAAA,CAAGoB,MAAMpB,UAAU,CAAC,EAAA,CAAA;EAChD;CACF;AACF,CAAC"}

package/dist/components/close/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Close';

package/dist/components/close/style/index.css

@@ -0,0 +1 @@
+@import '../../../theme/tokens/components/close.css';

package/dist/components/colorPicker/ColorPicker.d.ts

@@ -0,0 +1,138 @@
+import { PropType } from 'vue';
+import { CssVars } from '../../util/cssVars';
+import { ColorFormat, ResolvedColorFormat } from '../../util/colors';
+export type { ColorFormat, ResolvedColorFormat };
+export type { ColorPickerGlobalConfig } from './config';
+export { COLOR_PICKER_FALLBACK } from './config';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 输出格式；auto 按最近一次成功解析的输入格式回写 */
+    format: {
+        type: PropType<ColorFormat>;
+        default: any;
+    };
+    showInput: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    /** 是否显示透明度滑条（不绑定输出格式） */
+    showAlpha: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 实例尺度（px），写入 `--w-prop-color-picker-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 实例主色，写入 `--w-prop-color-picker-color`（聚焦描边等） */
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+    nearby: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 拖拽饱和度/色相/透明度时仅更新面板，松手再触发 update:modelValue / change。
+     * 适合父级写 :root 等重副作用的场景。
+     */
+    commitOnEnd: {
+        type: BooleanConstructor;
+        default: any;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 输出格式；auto 按最近一次成功解析的输入格式回写 */
+    format: {
+        type: PropType<ColorFormat>;
+        default: any;
+    };
+    showInput: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    /** 是否显示透明度滑条（不绑定输出格式） */
+    showAlpha: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    block: {
+        type: BooleanConstructor;
+        default: any;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** 实例尺度（px），写入 `--w-prop-color-picker-size` */
+    size: {
+        type: NumberConstructor;
+        default: any;
+    };
+    /** 实例主色，写入 `--w-prop-color-picker-color`（聚焦描边等） */
+    color: {
+        type: StringConstructor;
+        default: any;
+    };
+    cssVars: {
+        type: PropType<CssVars>;
+        default: any;
+    };
+    nearby: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * 拖拽饱和度/色相/透明度时仅更新面板，松手再触发 update:modelValue / change。
+     * 适合父级写 :root 等重副作用的场景。
+     */
+    commitOnEnd: {
+        type: BooleanConstructor;
+        default: any;
+    };
+}>> & Readonly<{
+    onChange?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}>, {
+    size: number;
+    block: boolean;
+    color: string;
+    cssVars: CssVars;
+    modelValue: string;
+    disabled: boolean;
+    placeholder: string;
+    format: ColorFormat;
+    showInput: boolean;
+    showAlpha: boolean;
+    nearby: boolean;
+    commitOnEnd: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;