@univerjs/design 0.15.0 → 0.15.1

package/lib/locale/ca-ES.js

@@ -32,6 +32,16 @@ const e = {
       more: "Més colors",
       cancel: "cancel·la",
       confirm: "ok"
+    },
+    GradientColorPicker: {
+      linear: "Lineal",
+      radial: "Radial",
+      angular: "Angular",
+      diamond: "Diamant",
+      offset: "Desplaçament",
+      angle: "Angle",
+      flip: "Girar",
+      delete: "Eliminar"
     }
   }
 };

package/lib/locale/en-US.js

@@ -32,6 +32,16 @@ const e = {
       more: "More Colors",
       cancel: "cancel",
       confirm: "ok"
+    },
+    GradientColorPicker: {
+      linear: "Linear",
+      radial: "Radial",
+      angular: "Angular",
+      diamond: "Diamond",
+      offset: "Offset",
+      angle: "Angle",
+      flip: "Flip",
+      delete: "Delete"
     }
   }
 };

package/lib/locale/es-ES.js

@@ -32,6 +32,16 @@ const e = {
       more: "Més colors",
       cancel: "cancel·la",
       confirm: "ok"
+    },
+    GradientColorPicker: {
+      linear: "Lineal",
+      radial: "Radial",
+      angular: "Angular",
+      diamond: "Diamant",
+      offset: "Desplaçament",
+      angle: "Angle",
+      flip: "Girar",
+      delete: "Eliminar"
     }
   }
 };

package/lib/locale/fa-IR.js

@@ -32,6 +32,16 @@ const e = {
       more: "رنگ‌های بیشتر",
       cancel: "لغو",
       confirm: "باشه"
+    },
+    GradientColorPicker: {
+      linear: "خطی",
+      radial: "شعاعی",
+      angular: "زاویه‌ای",
+      diamond: "الماسی",
+      offset: "افست",
+      angle: "زاویه",
+      flip: "برگردان",
+      delete: "حذف"
     }
   }
 };

package/lib/locale/fr-FR.js

@@ -32,6 +32,16 @@ const e = {
       more: "Plus de couleurs",
       cancel: "annuler",
       confirm: "ok"
+    },
+    GradientColorPicker: {
+      linear: "Linéaire",
+      radial: "Radial",
+      angular: "Angulaire",
+      diamond: "Diamant",
+      offset: "Décalage",
+      angle: "Angle",
+      flip: "Retourner",
+      delete: "Supprimer"
     }
   }
 };

package/lib/locale/ja-JP.js

@@ -32,6 +32,16 @@ const e = {
       more: "その他の色",
       cancel: "キャンセル",
       confirm: "確認"
+    },
+    GradientColorPicker: {
+      linear: "線形",
+      radial: "円形",
+      angular: "角度",
+      diamond: "菱形",
+      offset: "オフセット",
+      angle: "角度",
+      flip: "反転",
+      delete: "削除"
     }
   }
 };

package/lib/locale/ko-KR.js

@@ -32,6 +32,16 @@ const e = {
       more: "추가 색상",
       cancel: "취소",
       confirm: "확인"
+    },
+    GradientColorPicker: {
+      linear: "선형",
+      radial: "방사형",
+      angular: "각도형",
+      diamond: "다이아몬드형",
+      offset: "오프셋",
+      angle: "각도",
+      flip: "뒤집기",
+      delete: "삭제"
     }
   }
 };

package/lib/locale/ru-RU.js

@@ -32,6 +32,16 @@ const e = {
       more: "Больше цветов",
       cancel: "отмена",
       confirm: "ок"
+    },
+    GradientColorPicker: {
+      linear: "линейный",
+      radial: "радиальный",
+      angular: "угловой",
+      diamond: "ромбовидный",
+      offset: "смещение",
+      angle: "угол",
+      flip: "перевернуть",
+      delete: "удалить"
     }
   }
 };

package/lib/locale/vi-VN.js

@@ -32,6 +32,16 @@ const n = {
       more: "Màu sắc khác",
       cancel: "Hủy bỏ",
       confirm: "Xác nhận"
+    },
+    GradientColorPicker: {
+      linear: "Tuyến tính",
+      radial: "Tỏa ra",
+      angular: "Góc",
+      diamond: "Hình thoi",
+      offset: "Độ lệch",
+      angle: "Góc",
+      flip: "Lật",
+      delete: "Xóa"
     }
   }
 };

package/lib/locale/zh-CN.js

@@ -32,6 +32,16 @@ const e = {
       more: "更多颜色",
       cancel: "取消",
       confirm: "确定"
+    },
+    GradientColorPicker: {
+      linear: "线性",
+      radial: "径向",
+      angular: "角向",
+      diamond: "菱形",
+      offset: "偏移",
+      angle: "角度",
+      flip: "翻转",
+      delete: "删除"
     }
   }
 };

package/lib/locale/zh-TW.js

@@ -32,6 +32,16 @@ const e = {
       more: "更多顏色",
       cancel: "取消",
       confirm: "確定"
+    },
+    GradientColorPicker: {
+      linear: "線性",
+      radial: "徑向",
+      angular: "角向",
+      diamond: "菱形",
+      offset: "偏移",
+      angle: "角度",
+      flip: "翻轉",
+      delete: "刪除"
     }
   }
 };

package/lib/types/components/color-picker/ColorInput.d.ts

@@ -15,7 +15,9 @@
  */
 interface IColorInputProps {
     hsv: [number, number, number];
-    onChange: (h: number, s: number, v: number) => void;
+    alpha: number;
+    format: 'hex' | 'rgba';
+    onChange: (h: number, s: number, v: number, a?: number) => void;
 }
-export declare function ColorInput({ hsv, onChange }: IColorInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function ColorInput({ hsv, alpha, format, onChange }: IColorInputProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/types/components/color-picker/ColorPicker.d.ts

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 export interface IColorPickerProps {
-    format?: 'hex';
+    format?: 'hex' | 'rgba';
     value?: string;
     onChange?: (value: string) => void;
 }

package/lib/types/components/color-picker/ColorPicker.stories.d.ts

@@ -5,3 +5,6 @@ export default meta;
 export declare const Playground: {
     render(): import("react/jsx-runtime").JSX.Element;
 };
+export declare const RgbaFormat: {
+    render(): import("react/jsx-runtime").JSX.Element;
+};

package/lib/types/components/color-picker/color-conversion.d.ts

@@ -18,4 +18,5 @@ export declare const rgbToHex: (r: number, g: number, b: number) => string;
 export declare const rgbToHsv: (r: number, g: number, b: number) => [number, number, number];
 export declare const hexToHsv: (hex: string) => [number, number, number];
 export declare const hsvToHex: (h: number, s: number, v: number) => string;
+export declare const hsvToRgba: (h: number, s: number, v: number, a: number) => string;
 export declare const parseRgba: (rgba: string) => [number, number, number, number];

package/lib/types/components/gradient-color-picker/GradientColorPicker.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export type GradientType = 'linear' | 'radial' | 'angular' | 'diamond';
+export interface IGradientStop {
+    color: string;
+    offset: number;
+}
+export interface IGradientValue {
+    type: GradientType;
+    stops: IGradientStop[];
+    angle?: number;
+}
+export interface IGradientColorPickerProps {
+    className?: string;
+    value?: IGradientValue;
+    onChange?: (value: IGradientValue) => void;
+}
+export declare function GradientColorPicker(props: IGradientColorPickerProps): import("react/jsx-runtime").JSX.Element;

package/lib/types/components/gradient-color-picker/GradientColorPicker.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import { GradientColorPicker } from './GradientColorPicker';
+declare const meta: Meta<typeof GradientColorPicker>;
+export default meta;
+export declare const Playground: {
+    render(): import("react/jsx-runtime").JSX.Element;
+};

package/lib/types/index.d.ts

@@ -35,6 +35,7 @@ export { DropdownMenu, type IDropdownMenuProps } from './components/dropdown-men
 export { Dropdown, type IDropdownProps } from './components/dropdown/Dropdown';
 export { FormDualColumnLayout, FormLayout, type IFormDualColumnLayoutProps, type IFormLayoutProps } from './components/form-layout';
 export { Gallery, type IGalleryProps } from './components/gallery/Gallery';
+export { GradientColorPicker, type GradientType, type IGradientColorPickerProps, type IGradientStop, type IGradientValue } from './components/gradient-color-picker/GradientColorPicker';
 export { HoverCard, type IHoverCardProps } from './components/hover-card/HoverCard';
 export { type IInputNumberProps, InputNumber } from './components/input-number/InputNumber';
 export { type IInputProps, Input } from './components/input/Input';

package/lib/types/locale/en-US.d.ts

@@ -35,6 +35,16 @@ declare const locale: {
             cancel: string;
             confirm: string;
         };
+        GradientColorPicker: {
+            linear: string;
+            radial: string;
+            angular: string;
+            diamond: string;
+            offset: string;
+            angle: string;
+            flip: string;
+            delete: string;
+        };
     };
 };
 export default locale;