@v-c/rate 0.0.2 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/Rate.js +1 -1
  2. package/dist/Star.js +8 -2
  3. package/package.json +3 -3
  4. package/dist/Rate.cjs +0 -277
  5. package/dist/Star.cjs +0 -125
  6. package/dist/_virtual/rolldown_runtime.cjs +0 -21
  7. package/dist/index.cjs +0 -4
  8. package/dist/useRefs.cjs +0 -16
  9. package/dist/util.cjs +0 -34
package/dist/Rate.js CHANGED
@@ -113,7 +113,7 @@ var Rate_default = /* @__PURE__ */ defineComponent((props, { attrs, expose }) =>
113
113
  if (autoFocus && !disabled) triggerFocus();
114
114
  });
115
115
  return () => {
116
- const { count, allowHalf, disabled, prefixCls, direction, character, characterRender, tabIndex,...restProps } = props;
116
+ const { count, allowHalf, disabled, prefixCls, direction, character, characterRender, tabIndex, ...restProps } = props;
117
117
  const { className, style, restAttrs } = getAttrStyleAndClass(attrs);
118
118
  const classString = clsx(prefixCls, className, {
119
119
  [`${prefixCls}-disabled`]: disabled,
package/dist/Star.js CHANGED
@@ -1,5 +1,9 @@
1
- import { computed, createVNode, defineComponent } from "vue";
1
+ import { cloneVNode, computed, createVNode, defineComponent, isVNode } from "vue";
2
2
  import KeyCode from "@v-c/util/dist/KeyCode";
3
+ function cloneCharacterNode(node) {
4
+ if (Array.isArray(node)) return node.map((item) => isVNode(item) ? cloneVNode(item) : item);
5
+ return isVNode(node) ? cloneVNode(node) : node;
6
+ }
3
7
  var Star_default = /* @__PURE__ */ defineComponent((props) => {
4
8
  const onHover = (e) => {
5
9
  const { index } = props;
@@ -37,6 +41,8 @@ var Star_default = /* @__PURE__ */ defineComponent((props) => {
37
41
  count,
38
42
  value
39
43
  }) : character;
44
+ const firstCharacterNode = cloneCharacterNode(characterNode);
45
+ const secondCharacterNode = cloneCharacterNode(characterNode);
40
46
  let star = createVNode("li", { "class": cls.value }, [createVNode("div", {
41
47
  "onClick": disabled ? null : onClick,
42
48
  "onKeydown": disabled ? null : onKeyDown,
@@ -46,7 +52,7 @@ var Star_default = /* @__PURE__ */ defineComponent((props) => {
46
52
  "aria-posinset": index + 1,
47
53
  "aria-setsize": count,
48
54
  "tabindex": disabled ? -1 : 0
49
- }, [createVNode("div", { "class": `${prefixCls}-first` }, [characterNode]), createVNode("div", { "class": `${prefixCls}-second` }, [characterNode])])]);
55
+ }, [createVNode("div", { "class": `${prefixCls}-first` }, [firstCharacterNode]), createVNode("div", { "class": `${prefixCls}-second` }, [secondCharacterNode])])]);
50
56
  if (characterRender) star = characterRender(star, props);
51
57
  return star;
52
58
  };
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@v-c/rate",
3
3
  "type": "module",
4
- "version": "0.0.2",
4
+ "version": "1.0.1",
5
5
  "exports": {
6
6
  ".": {
7
7
  "types": "./dist/index.d.ts",
8
8
  "import": "./dist/index.js",
9
- "require": "./dist/index.cjs"
9
+ "default": "./dist/index.js"
10
10
  },
11
11
  "./dist/*": "./dist/*",
12
12
  "./package.json": "./package.json"
@@ -23,7 +23,7 @@
23
23
  "vue": "^3.0.0"
24
24
  },
25
25
  "dependencies": {
26
- "@v-c/util": "^1.0.2"
26
+ "@v-c/util": "^1.0.14"
27
27
  },
28
28
  "scripts": {
29
29
  "build": "vite build",
package/dist/Rate.cjs DELETED
@@ -1,277 +0,0 @@
1
- Object.defineProperty(exports, "__esModule", { value: true });
2
- const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
3
- const require_Star = require("./Star.cjs");
4
- const require_useRefs = require("./useRefs.cjs");
5
- const require_util = require("./util.cjs");
6
- let vue = require("vue");
7
- let __v_c_util = require("@v-c/util");
8
- let __v_c_util_dist_hooks_useMergedState = require("@v-c/util/dist/hooks/useMergedState");
9
- __v_c_util_dist_hooks_useMergedState = require_rolldown_runtime.__toESM(__v_c_util_dist_hooks_useMergedState);
10
- let __v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
11
- __v_c_util_dist_KeyCode = require_rolldown_runtime.__toESM(__v_c_util_dist_KeyCode);
12
- let __v_c_util_dist_pickAttrs = require("@v-c/util/dist/pickAttrs");
13
- __v_c_util_dist_pickAttrs = require_rolldown_runtime.__toESM(__v_c_util_dist_pickAttrs);
14
- let __v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
15
- var defaults = {
16
- prefixCls: "vc-rate",
17
- count: 5,
18
- allowHalf: false,
19
- allowClear: true,
20
- keyboard: true,
21
- character: "★",
22
- direction: "ltr",
23
- tabIndex: 0
24
- };
25
- var Rate_default = /* @__PURE__ */ (0, vue.defineComponent)((props, { attrs, expose }) => {
26
- const [setStarRef, starRefs] = require_useRefs.default();
27
- const rateRef = (0, vue.ref)(null);
28
- const triggerFocus = () => {
29
- if (!props.disabled) rateRef.value.focus();
30
- };
31
- const triggerBlur = () => {
32
- if (!props.disabled) rateRef.value.blur();
33
- };
34
- expose({
35
- focus: triggerFocus,
36
- blur: triggerBlur
37
- });
38
- const [state, setStateValue] = (0, __v_c_util_dist_hooks_useMergedState.default)(props.defaultValue || 0, { value: (0, vue.computed)(() => props.value) });
39
- const [cleanedValue, setCleanedValue] = (0, __v_c_util_dist_hooks_useMergedState.default)(null);
40
- const getStarValue = (index, x) => {
41
- const { direction, allowHalf } = props;
42
- const reverse = direction === "rtl";
43
- let starValue = index + 1;
44
- if (allowHalf) {
45
- const starEle = starRefs.value.get(index);
46
- const leftDis = require_util.getOffsetLeft(starEle);
47
- const width = starEle.clientWidth;
48
- if (reverse && x - leftDis > width / 2) starValue -= .5;
49
- else if (!reverse && x - leftDis < width / 2) starValue -= .5;
50
- }
51
- return starValue;
52
- };
53
- const changeValue = (nextValue) => {
54
- setStateValue(nextValue);
55
- props?.onChange?.(nextValue);
56
- };
57
- const focused = (0, vue.ref)(false);
58
- const onInternalFocus = () => {
59
- focused.value = true;
60
- props?.onFocus?.();
61
- };
62
- const onInternalBlur = () => {
63
- focused.value = false;
64
- props?.onBlur?.();
65
- };
66
- const hoverValue = (0, vue.ref)(null);
67
- const onHover = (event, index) => {
68
- const nextHoverValue = getStarValue(index, event.pageX);
69
- if (nextHoverValue !== cleanedValue.value) {
70
- hoverValue.value = nextHoverValue;
71
- setCleanedValue(null);
72
- }
73
- props?.onHoverChange?.(nextHoverValue);
74
- };
75
- const onMouseLeaveCallback = (event) => {
76
- const { disabled } = props;
77
- if (!disabled) {
78
- hoverValue.value = null;
79
- setCleanedValue(null);
80
- props?.onHoverChange?.(void 0);
81
- }
82
- if (event) props?.onMouseLeave?.(event);
83
- };
84
- const onClick = (event, index) => {
85
- const { allowClear } = props;
86
- const newValue = getStarValue(index, event.pageX);
87
- let isReset = false;
88
- if (allowClear) isReset = newValue === state.value;
89
- onMouseLeaveCallback();
90
- changeValue(isReset ? 0 : newValue);
91
- setCleanedValue(isReset ? newValue : null);
92
- };
93
- const onInternalKeyDown = (event) => {
94
- const { keyCode } = event;
95
- const value = state.value;
96
- const { keyboard, count, direction, allowHalf } = props;
97
- const reverse = direction === "rtl";
98
- const step = allowHalf ? .5 : 1;
99
- if (keyboard) {
100
- if (keyCode === __v_c_util_dist_KeyCode.default.RIGHT && value < count && !reverse) {
101
- changeValue(value + step);
102
- event.preventDefault();
103
- } else if (keyCode === __v_c_util_dist_KeyCode.default.LEFT && value > 0 && !reverse) {
104
- changeValue(value - step);
105
- event.preventDefault();
106
- } else if (keyCode === __v_c_util_dist_KeyCode.default.RIGHT && value > 0 && reverse) {
107
- changeValue(value - step);
108
- event.preventDefault();
109
- } else if (keyCode === __v_c_util_dist_KeyCode.default.LEFT && value < count && reverse) {
110
- changeValue(value + step);
111
- event.preventDefault();
112
- }
113
- }
114
- props?.onKeyDown?.(event);
115
- };
116
- (0, vue.onMounted)(() => {
117
- const { autoFocus, disabled } = props;
118
- if (autoFocus && !disabled) triggerFocus();
119
- });
120
- return () => {
121
- const { count, allowHalf, disabled, prefixCls, direction, character, characterRender, tabIndex,...restProps } = props;
122
- const { className, style, restAttrs } = (0, __v_c_util_dist_props_util.getAttrStyleAndClass)(attrs);
123
- const classString = (0, __v_c_util.clsx)(prefixCls, className, {
124
- [`${prefixCls}-disabled`]: disabled,
125
- [`${prefixCls}-rtl`]: direction === "rtl"
126
- });
127
- const starNodes = Array.from({ length: count }).fill(0).map((_, index) => (0, vue.createVNode)(require_Star.default, {
128
- "ref": setStarRef(index),
129
- "index": index,
130
- "count": count,
131
- "disabled": disabled,
132
- "prefixCls": `${prefixCls}-star`,
133
- "allowHalf": allowHalf,
134
- "value": hoverValue.value === null ? state.value : hoverValue.value,
135
- "onClick": onClick,
136
- "onHover": onHover,
137
- "key": index,
138
- "character": character,
139
- "characterRender": characterRender,
140
- "focused": focused.value
141
- }, null));
142
- return (0, vue.createVNode)("ul", (0, vue.mergeProps)({
143
- "id": restProps.id,
144
- "class": classString,
145
- "style": style,
146
- "onMouseleave": onMouseLeaveCallback,
147
- "tabindex": disabled ? -1 : tabIndex,
148
- "onFocus": disabled ? null : onInternalFocus,
149
- "onBlur": disabled ? null : onInternalBlur,
150
- "onKeydown": disabled ? null : onInternalKeyDown,
151
- "ref": rateRef
152
- }, (0, __v_c_util_dist_pickAttrs.default)(restAttrs, {
153
- aria: true,
154
- data: true,
155
- attr: true
156
- })), [starNodes]);
157
- };
158
- }, {
159
- props: /* @__PURE__ */ (0, vue.mergeDefaults)({
160
- prefixCls: {
161
- type: String,
162
- required: false,
163
- default: void 0
164
- },
165
- defaultValue: {
166
- type: Number,
167
- required: false,
168
- default: void 0
169
- },
170
- value: {
171
- type: Number,
172
- required: false,
173
- default: void 0
174
- },
175
- allowClear: {
176
- type: Boolean,
177
- required: false,
178
- default: void 0
179
- },
180
- keyboard: {
181
- type: Boolean,
182
- required: false,
183
- default: void 0
184
- },
185
- direction: {
186
- type: String,
187
- required: false,
188
- default: void 0
189
- },
190
- tabIndex: {
191
- type: [Number, String],
192
- required: false,
193
- default: void 0
194
- },
195
- autoFocus: {
196
- type: Boolean,
197
- required: false,
198
- default: void 0
199
- },
200
- onHoverChange: {
201
- type: Function,
202
- required: false,
203
- default: void 0
204
- },
205
- onChange: {
206
- type: Function,
207
- required: false,
208
- default: void 0
209
- },
210
- onFocus: {
211
- type: Function,
212
- required: false,
213
- default: void 0
214
- },
215
- onBlur: {
216
- type: Function,
217
- required: false,
218
- default: void 0
219
- },
220
- onKeyDown: {
221
- type: Function,
222
- required: false,
223
- default: void 0
224
- },
225
- onMouseLeave: {
226
- type: Function,
227
- required: false,
228
- default: void 0
229
- },
230
- "onUpdate:value": {
231
- type: Function,
232
- required: false,
233
- default: void 0
234
- },
235
- id: {
236
- type: String,
237
- required: false,
238
- default: void 0
239
- },
240
- count: {
241
- type: Number,
242
- required: false,
243
- default: void 0
244
- },
245
- character: {
246
- type: [
247
- Function,
248
- Object,
249
- String,
250
- Number,
251
- null,
252
- Boolean,
253
- Array
254
- ],
255
- required: false,
256
- default: void 0
257
- },
258
- characterRender: {
259
- type: Function,
260
- required: false,
261
- default: void 0
262
- },
263
- allowHalf: {
264
- type: Boolean,
265
- required: false,
266
- default: void 0
267
- },
268
- disabled: {
269
- type: Boolean,
270
- required: false,
271
- default: void 0
272
- }
273
- }, defaults),
274
- inheritAttrs: false,
275
- name: "Rate"
276
- });
277
- exports.default = Rate_default;
package/dist/Star.cjs DELETED
@@ -1,125 +0,0 @@
1
- Object.defineProperty(exports, "__esModule", { value: true });
2
- const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
3
- let vue = require("vue");
4
- let __v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
5
- __v_c_util_dist_KeyCode = require_rolldown_runtime.__toESM(__v_c_util_dist_KeyCode);
6
- var Star_default = /* @__PURE__ */ (0, vue.defineComponent)((props) => {
7
- const onHover = (e) => {
8
- const { index } = props;
9
- props?.onHover?.(e, index);
10
- };
11
- const onClick = (e) => {
12
- const { index } = props;
13
- props?.onClick?.(e, index);
14
- };
15
- const onKeyDown = (e) => {
16
- const { index } = props;
17
- if (e.keyCode === __v_c_util_dist_KeyCode.default.ENTER) props?.onClick?.(e, index);
18
- };
19
- const cls = (0, vue.computed)(() => {
20
- const { prefixCls, index, value, allowHalf, focused } = props;
21
- const starValue = index + 1;
22
- let className = prefixCls;
23
- if (value === 0 && index === 0 && focused) className += ` ${prefixCls}-focused`;
24
- else if (allowHalf && value + .5 >= starValue && value < starValue) {
25
- className += ` ${prefixCls}-half ${prefixCls}-active`;
26
- if (focused) className += ` ${prefixCls}-focused`;
27
- } else {
28
- if (starValue <= value) className += ` ${prefixCls}-full`;
29
- else className += ` ${prefixCls}-zero`;
30
- if (starValue === value && focused) className += ` ${prefixCls}-focused`;
31
- }
32
- return className;
33
- });
34
- return () => {
35
- const { disabled, prefixCls, characterRender, character, index, count, value } = props;
36
- const characterNode = typeof character === "function" ? character({
37
- disabled,
38
- prefixCls,
39
- index,
40
- count,
41
- value
42
- }) : character;
43
- let star = (0, vue.createVNode)("li", { "class": cls.value }, [(0, vue.createVNode)("div", {
44
- "onClick": disabled ? null : onClick,
45
- "onKeydown": disabled ? null : onKeyDown,
46
- "onMousemove": disabled ? null : onHover,
47
- "role": "radio",
48
- "aria-checked": value > index ? "true" : "false",
49
- "aria-posinset": index + 1,
50
- "aria-setsize": count,
51
- "tabindex": disabled ? -1 : 0
52
- }, [(0, vue.createVNode)("div", { "class": `${prefixCls}-first` }, [characterNode]), (0, vue.createVNode)("div", { "class": `${prefixCls}-second` }, [characterNode])])]);
53
- if (characterRender) star = characterRender(star, props);
54
- return star;
55
- };
56
- }, {
57
- props: {
58
- value: {
59
- type: Number,
60
- required: false,
61
- default: void 0
62
- },
63
- index: {
64
- type: Number,
65
- required: false,
66
- default: void 0
67
- },
68
- prefixCls: {
69
- type: String,
70
- required: false,
71
- default: void 0
72
- },
73
- allowHalf: {
74
- type: Boolean,
75
- required: false,
76
- default: void 0
77
- },
78
- disabled: {
79
- type: Boolean,
80
- required: false,
81
- default: void 0
82
- },
83
- character: {
84
- type: [
85
- Function,
86
- Object,
87
- String,
88
- Number,
89
- null,
90
- Boolean,
91
- Array
92
- ],
93
- required: false,
94
- default: void 0
95
- },
96
- characterRender: {
97
- type: Function,
98
- required: false,
99
- default: void 0
100
- },
101
- onClick: {
102
- type: Function,
103
- required: false,
104
- default: void 0
105
- },
106
- onHover: {
107
- type: Function,
108
- required: false,
109
- default: void 0
110
- },
111
- focused: {
112
- type: Boolean,
113
- required: false,
114
- default: void 0
115
- },
116
- count: {
117
- type: Number,
118
- required: false,
119
- default: void 0
120
- }
121
- },
122
- name: "RateStar",
123
- inheritAttrs: false
124
- });
125
- exports.default = Star_default;
package/dist/_virtual/rolldown_runtime.cjs DELETED
@@ -1,21 +0,0 @@
1
- var __create = Object.create;
2
- var __defProp = Object.defineProperty;
3
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
- var __getOwnPropNames = Object.getOwnPropertyNames;
5
- var __getProtoOf = Object.getPrototypeOf;
6
- var __hasOwnProp = Object.prototype.hasOwnProperty;
7
- var __copyProps = (to, from, except, desc) => {
8
- if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
9
- key = keys[i];
10
- if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
11
- get: ((k) => from[k]).bind(null, key),
12
- enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
13
- });
14
- }
15
- return to;
16
- };
17
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
18
- value: mod,
19
- enumerable: true
20
- }) : target, mod));
21
- exports.__toESM = __toESM;
package/dist/index.cjs DELETED
@@ -1,4 +0,0 @@
1
- Object.defineProperty(exports, "__esModule", { value: true });
2
- const require_Rate = require("./Rate.cjs");
3
- var src_default = require_Rate.default;
4
- exports.default = src_default;
package/dist/useRefs.cjs DELETED
@@ -1,16 +0,0 @@
1
- Object.defineProperty(exports, "__esModule", { value: true });
2
- const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
3
- let vue = require("vue");
4
- let __v_c_util_dist_Dom_findDOMNode = require("@v-c/util/dist/Dom/findDOMNode");
5
- function useRefs() {
6
- const refs = (0, vue.ref)(/* @__PURE__ */ new Map());
7
- const setRef = (key) => (el) => {
8
- refs.value.set(key, (0, __v_c_util_dist_Dom_findDOMNode.getDOM)(el));
9
- };
10
- (0, vue.onBeforeUpdate)(() => {
11
- refs.value = /* @__PURE__ */ new Map();
12
- });
13
- return [setRef, refs];
14
- }
15
- var useRefs_default = useRefs;
16
- exports.default = useRefs_default;
package/dist/util.cjs DELETED
@@ -1,34 +0,0 @@
1
- function getScroll(w) {
2
- let ret = w.scrollX;
3
- const method = "scrollLeft";
4
- if (typeof ret !== "number") {
5
- const d = w.document;
6
- ret = d.documentElement[method];
7
- if (typeof ret !== "number") ret = d.body[method];
8
- }
9
- return ret;
10
- }
11
- function getClientPosition(elem) {
12
- let x;
13
- let y;
14
- const doc = elem.ownerDocument;
15
- const { body } = doc;
16
- const docElem = doc && doc.documentElement;
17
- const box = elem.getBoundingClientRect();
18
- x = box.left;
19
- y = box.top;
20
- x -= docElem.clientLeft || body.clientLeft || 0;
21
- y -= docElem.clientTop || body.clientTop || 0;
22
- return {
23
- left: x,
24
- top: y
25
- };
26
- }
27
- function getOffsetLeft(el) {
28
- const pos = getClientPosition(el);
29
- const doc = el.ownerDocument;
30
- const w = doc.defaultView || doc.parentWindow;
31
- pos.left += getScroll(w);
32
- return pos.left;
33
- }
34
- exports.getOffsetLeft = getOffsetLeft;