@laser-ui/components 0.1.2 → 0.1.4

package/CHANGELOG.md

@@ -2,6 +2,19 @@
 
 All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.1.4](https://github.com/laser-ui/laser-ui/compare/v0.1.3...v0.1.4) (2023-09-18)
+
+### Bug Fixes
+
+- **components:** fix `Icon` override style ([fc75aca](https://github.com/laser-ui/laser-ui/commit/fc75acac62f714ff5d8b633ed572331cac82b2cb))
+
+## [0.1.3](https://github.com/laser-ui/laser-ui/compare/v0.1.2...v0.1.3) (2023-09-15)
+
+### Bug Fixes
+
+- **components:** fix creating uid when upload file ([5e3a8af](https://github.com/laser-ui/laser-ui/commit/5e3a8afa656721871e88f01f0b6e48843bdb64c1))
+- **components:** fix width of form-item's content ([6063665](https://github.com/laser-ui/laser-ui/commit/60636657f4c581bc2964471f30078f1685f906c1))
+
 ## [0.1.2](https://github.com/laser-ui/laser-ui/compare/v0.1.1...v0.1.2) (2023-09-14)
 
 **Note:** Version bump only for package @laser-ui/components

package/form/FormItem.js

@@ -156,7 +156,11 @@ export function FormItem(props) {
                         'form__item-label--colon': formContext.labelColon,
                     }), { htmlFor: labelFor, "data-l-form-label": true, children: [label, (labelExtra || (formContext.requiredType === 'optional' && !required)) && (_jsxs("div", Object.assign({}, styled('form__item-label-extra'), { children: [formContext.requiredType === 'optional' && !required && _jsx("span", { children: t('Form', 'Optional') }), labelExtra] })))] }))) }))), _jsxs("div", Object.assign({}, mergeCS(styled('form__item-content'), {
                     style: {
-                        width: `calc(100% - ${formContext.vertical ? '0px' : labelWidth === 'auto' ? 'var(--label-width)' : labelWidth}${isNumber(labelWidth) ? 'px' : ''} - ${formContext.feedbackIcon ? 'var(--size)' : '0px'})`,
+                        width: `calc(100% - ${formContext.vertical
+                            ? '0px'
+                            : labelWidth === 'auto'
+                                ? 'var(--label-width)'
+                                : labelWidth + (isNumber(labelWidth) ? 'px' : '')} - ${formContext.feedbackIcon ? 'var(--size)' : '0px'})`,
                     },
                 }), { children: [_jsx("div", Object.assign({}, styled('form__item-control'), { children: isFunction(children) ? children(formControlProviders) : children })), _jsx("div", Object.assign({}, styled('form__error-container'), { children: (() => {
                                 const errorsMap = new Map();

package/icon/Icon.js

@@ -6,13 +6,16 @@ import { CLASSES } from './vars';
 import { useComponentProps, useNamespace, useStyled } from '../hooks';
 import { mergeCS } from '../utils';
 export function Icon(props) {
-    const _a = useComponentProps('Icon', props), { children, styleOverrides, styleProvider, size = '1em', theme, rotate, spin, spinSpeed = 1 } = _a, restProps = __rest(_a, ["children", "styleOverrides", "styleProvider", "size", "theme", "rotate", "spin", "spinSpeed"]);
+    var _a, _b;
+    const _c = useComponentProps('Icon', props), { children, styleOverrides, styleProvider, size = '1em', theme, rotate, spin, spinSpeed = 1 } = _c, restProps = __rest(_c, ["children", "styleOverrides", "styleProvider", "size", "theme", "rotate", "spin", "spinSpeed"]);
     const namespace = useNamespace();
     const styled = useStyled(CLASSES, { icon: styleProvider === null || styleProvider === void 0 ? void 0 : styleProvider.icon }, styleOverrides);
     const [width, height] = isArray(size) ? size : [size, size];
     return (_jsx("div", Object.assign({}, restProps, mergeCS(styled('icon', { [`icon.t-${theme}`]: theme }), {
         className: restProps.className,
         style: restProps.style,
-    }), { children: cloneElement(children, Object.assign(Object.assign({}, children.props), { style: Object.assign(Object.assign({}, children.props.style), { transform: isUndefined(rotate) ? undefined : `rotate(${rotate}deg)`, animation: spin ? `${namespace}-spin ${spinSpeed}${isNumber(spinSpeed) ? 's' : ''} linear infinite` : undefined }), fill: 'currentColor', width,
+    }), { children: cloneElement(children, Object.assign(Object.assign({}, children.props), { style: Object.assign(Object.assign({}, children.props.style), { transform: isUndefined(rotate) ? (_a = children.props.style) === null || _a === void 0 ? void 0 : _a.transform : `rotate(${rotate}deg)`, animation: spin
+                    ? `${namespace}-spin ${spinSpeed}${isNumber(spinSpeed) ? 's' : ''} linear infinite`
+                    : (_b = children.props.style) === null || _b === void 0 ? void 0 : _b.animation }), fill: 'currentColor', width,
             height })) })));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@laser-ui/components",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "React components.",
   "keywords": [
     "ui",
@@ -26,8 +26,8 @@
   "module": "./index.js",
   "types": "./index.d.ts",
   "dependencies": {
-    "@laser-ui/hooks": "0.1.2",
-    "@laser-ui/utils": "0.1.2",
+    "@laser-ui/hooks": "0.1.4",
+    "@laser-ui/utils": "0.1.4",
     "@material-design-icons/svg": "^0.14.12",
     "jss": "^10.10.0",
     "jss-preset-default": "^10.10.0",
@@ -45,5 +45,5 @@
     "access": "public",
     "directory": "../../dist/libs/components"
   },
-  "gitHead": "6658d3823bb6ca76b1ffd33defdbeefd7c4297f2"
+  "gitHead": "eb0e7cedff3b277b90e724eddc6850c3b623d7b2"
 }

package/progress/Progress.js

@@ -36,9 +36,7 @@ export function Progress(props) {
                 const r = 60 - lineWidth / 2;
                 const c = 2 * Math.PI * r;
                 const dash = c - (pattern === 'circle' ? 0 : (gapDegree / 360) * c);
-                return (_jsx(Icon, { size: size, children: _jsxs("svg", Object.assign({}, mergeCS(styled('progress__svg'), {
-                        style: { transform: pattern === 'circle' ? 'rotate(-90deg)' : `rotate(${90 + gapDegree / 2}deg)` },
-                    }), { viewBox: "0 0 120 120", children: [linearGradient && (_jsx("defs", { children: _jsxs("linearGradient", { id: `${namespace}-progress-gradient-${uniqueId}-1`, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: "0%", stopColor: linearGradient[0] }), _jsx("stop", { offset: "100%", stopColor: linearGradient[100] })] }) })), _jsx("circle", { cx: 60, cy: 60, r: r, strokeLinecap: lineCap, strokeWidth: lineWidth, stroke: "var(--background-color)", fill: "none", strokeDasharray: `${dash} ${c}` }), _jsx("circle", { style: { opacity: percent === 0 ? 0 : 1 }, cx: 60, cy: 60, r: r, strokeLinecap: lineCap, strokeWidth: lineWidth, stroke: isUndefined(linearGradient) ? 'var(--color)' : `url(#${namespace}-progress-gradient-${uniqueId}-1)`, fill: "none", strokeDasharray: `${dash * (percent / 100)} ${c}` })] })) }));
+                return (_jsx(Icon, { size: size, rotate: pattern === 'circle' ? -90 : 90 + gapDegree / 2, children: _jsxs("svg", Object.assign({}, styled('progress__svg'), { viewBox: "0 0 120 120", children: [linearGradient && (_jsx("defs", { children: _jsxs("linearGradient", { id: `${namespace}-progress-gradient-${uniqueId}-1`, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: "0%", stopColor: linearGradient[0] }), _jsx("stop", { offset: "100%", stopColor: linearGradient[100] })] }) })), _jsx("circle", { cx: 60, cy: 60, r: r, strokeLinecap: lineCap, strokeWidth: lineWidth, stroke: "var(--background-color)", fill: "none", strokeDasharray: `${dash} ${c}` }), _jsx("circle", { style: { opacity: percent === 0 ? 0 : 1 }, cx: 60, cy: 60, r: r, strokeLinecap: lineCap, strokeWidth: lineWidth, stroke: isUndefined(linearGradient) ? 'var(--color)' : `url(#${namespace}-progress-gradient-${uniqueId}-1)`, fill: "none", strokeDasharray: `${dash * (percent / 100)} ${c}` })] })) }));
             })()), label !== false && (_jsx("div", Object.assign({}, mergeCS(styled('progress__label'), {
                 style: { fontSize: pattern === 'line' ? undefined : `calc(${size}px / 5)` },
             }), { children: checkNodeExist(label) ? (label) : state === 'process' ? (`${percent}%`) : (_jsx(Icon, { size: "1.25em", children: state === 'success' ? (pattern === 'line' ? (_jsx(CheckCircleFilled, {})) : (_jsx(CheckOutlined, {}))) : state === 'warning' ? (pattern === 'line' ? (_jsx(WarningFilled, {})) : (_jsx(WarningAmberOutlined, {}))) : pattern === 'line' ? (_jsx(CancelFilled, {})) : (_jsx(CloseOutlined, {})) })) })))] })));

package/upload/Upload.js

@@ -32,12 +32,13 @@ function UploadFC(props, ref) {
             customUpload(fileList);
         }
         else {
+            let n = Date.now();
             const filesAdded = [];
             for (let index = 0; index < fileList.length; index++) {
                 const file = fileList.item(index);
                 if (file) {
                     const xhr = new XMLHttpRequest();
-                    let uid = Date.now();
+                    let uid = ++n;
                     const add = (obj) => {
                         const fileURL = URL.createObjectURL(file);
                         dataRef.current.fileURLs.push(fileURL);