@yuntijs/ui 1.0.0-beta.7 → 1.0.0-beta.70

package/es/styles/colors/generateColorPalette.js

@@ -0,0 +1,31 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import { capitalize } from 'lodash-es';
+export var generateColorPalette = function generateColorPalette(_ref) {
+  var type = _ref.type,
+    scale = _ref.scale,
+    appearance = _ref.appearance;
+  var name = capitalize(type);
+  var isDarkMode = appearance === 'dark';
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "color".concat(name, "Bg"), scale[appearance][1]), "color".concat(name, "BgHover"), scale[appearance][2]), "color".concat(name, "Border"), scale[appearance][4]), "color".concat(name, "BorderHover"), scale[appearance][isDarkMode ? 5 : 3]), "color".concat(name, "Hover"), scale[appearance][isDarkMode ? 10 : 8]), "color".concat(name), scale[appearance][9]), "color".concat(name, "Active"), scale[appearance][isDarkMode ? 7 : 10]), "color".concat(name, "TextHover"), scale[appearance][isDarkMode ? 10 : 8]), "color".concat(name, "Text"), scale[appearance][9]), "color".concat(name, "TextActive"), scale[appearance][isDarkMode ? 7 : 10]);
+};
+export var generateColorNeutralPalette = function generateColorNeutralPalette(_ref3) {
+  var scale = _ref3.scale,
+    appearance = _ref3.appearance;
+  return {
+    colorBgContainer: appearance === 'dark' ? scale[appearance][1] : scale[appearance][0],
+    colorBgElevated: appearance === 'dark' ? scale[appearance][2] : scale[appearance][0],
+    colorBgLayout: appearance === 'dark' ? scale[appearance][0] : scale[appearance][1],
+    colorBgMask: scale.lightA[8],
+    colorBgSpotlight: scale[appearance][5],
+    colorBorder: scale[appearance][4],
+    colorBorderSecondary: scale[appearance][3],
+    colorFill: scale["".concat(appearance, "A")][3],
+    colorFillQuaternary: scale["".concat(appearance, "A")][0],
+    colorFillSecondary: scale["".concat(appearance, "A")][2],
+    colorFillTertiary: scale["".concat(appearance, "A")][1],
+    colorText: scale[appearance][12],
+    colorTextQuaternary: scale[appearance][6],
+    colorTextSecondary: scale[appearance][10],
+    colorTextTertiary: scale[appearance][8]
+  };
+};

package/es/styles/colors/neutralColors.d.ts

@@ -0,0 +1,9 @@
+import type { ColorScaleItem } from './colors';
+export interface NeutralColorScales {
+    mauve: ColorScaleItem;
+    olive: ColorScaleItem;
+    sage: ColorScaleItem;
+    sand: ColorScaleItem;
+    slate: ColorScaleItem;
+}
+export declare const neutralColorScales: NeutralColorScales;

package/es/styles/colors/neutralColors.js

@@ -0,0 +1,32 @@
+export var neutralColorScales = {
+  mauve: {
+    dark: ['#1c1b1e', '#252528', '#2f2f32', '#3a393d', '#454448', '#504f53', '#5b5a5f', '#67666a', '#737177', '#7f7d83', '#bbb9bd', '#fcf8fb', '#ffffff'],
+    darkA: ['rgba(233, 225, 250, 0.12)', 'rgba(231, 231, 250, 0.16)', 'rgba(235, 235, 250, 0.2)', 'rgba(242, 237, 254, 0.24)', 'rgba(238, 234, 248, 0.29)', 'rgba(242, 239, 252, 0.33)', 'rgba(239, 237, 250, 0.38)', 'rgba(245, 243, 252, 0.42)', 'rgba(245, 240, 253, 0.47)', 'rgba(244, 240, 252, 0.52)', 'rgba(253, 250, 255, 0.74)', 'rgba(255, 251, 254, 0.99)', '#ffffff'],
+    light: ['#fcf8fb', '#edeaed', '#dfdcdf', '#d1ced2', '#c2c0c4', '#b4b2b7', '#a7a4a9', '#99979c', '#8c8a90', '#7f7d83', '#4a494d', '#1c1b1e', '#111'],
+    lightA: ['rgba(155, 22, 122, 0.03)', 'rgba(55, 22, 55, 0.09)', 'rgba(26, 5, 26, 0.14)', 'rgba(25, 10, 30, 0.2)', 'rgba(11, 3, 19, 0.25)', 'rgba(13, 7, 23, 0.31)', 'rgba(11, 2, 16, 0.36)', 'rgba(6, 1, 14, 0.41)', 'rgba(5, 1, 14, 0.46)', 'rgba(4, 0, 12, 0.51)', 'rgba(4, 2, 8, 0.72)', 'rgba(3, 2, 5, 0.9)', '#111']
+  },
+  olive: {
+    dark: ['#1a1c1b', '#232624', '#2d302e', '#383a38', '#424542', '#4d504d', '#585c58', '#646763', '#70736e', '#7c7f79', '#b9bab5', '#faf9f4', '#ffffff'],
+    darkA: ['rgba(236, 255, 245, 0.11)', 'rgba(233, 253, 240, 0.15)', 'rgba(237, 253, 242, 0.19)', 'rgba(243, 252, 243, 0.23)', 'rgba(236, 246, 236, 0.28)', 'rgba(241, 250, 241, 0.32)', 'rgba(238, 249, 238, 0.37)', 'rgba(244, 251, 241, 0.41)', 'rgba(243, 250, 239, 0.46)', 'rgba(248, 254, 242, 0.5)', 'rgba(253, 255, 248, 0.73)', 'rgba(255, 254, 249, 0.98)', '#ffffff'],
+    light: ['#faf9f4', '#ecebe6', '#ddddd7', '#cfcfc9', '#c0c1bb', '#b2b4ae', '#a4a6a0', '#969993', '#898c86', '#7c7f79', '#484b48', '#1a1c1b', '#111'],
+    lightA: ['rgba(155, 135, 35, 0.05)', 'rgba(65, 55, 5, 0.1)', 'rgba(43, 43, 5, 0.16)', 'rgba(37, 37, 10, 0.22)', 'rgba(22, 25, 3, 0.27)', 'rgba(14, 21, 2, 0.32)', 'rgba(16, 21, 5, 0.38)', 'rgba(11, 18, 4, 0.43)', 'rgba(9, 15, 3, 0.48)', 'rgba(8, 13, 2, 0.53)', 'rgba(1, 5, 1, 0.72)', 'rgba(1, 3, 2, 0.9)', '#111']
+  },
+  sage: {
+    dark: ['#1a1c1b', '#232625', '#2d302f', '#373a39', '#424543', '#4d504e', '#585c59', '#636765', '#6f7370', '#7a7f7c', '#b8bab7', '#f9f9f7', '#ffffff'],
+    darkA: ['rgba(236, 255, 245, 0.11)', 'rgba(233, 253, 247, 0.15)', 'rgba(237, 253, 247, 0.19)', 'rgba(239, 252, 248, 0.23)', 'rgba(236, 246, 239, 0.28)', 'rgba(241, 250, 244, 0.32)', 'rgba(238, 249, 241, 0.37)', 'rgba(241, 251, 246, 0.41)', 'rgba(241, 250, 243, 0.46)', 'rgba(244, 254, 248, 0.5)', 'rgba(252, 255, 251, 0.73)', 'rgba(254, 254, 252, 0.98)', '#ffffff'],
+    light: ['#f9f9f7', '#eaebe8', '#dcddda', '#cdcfcc', '#bfc1be', '#b1b4b0', '#a3a6a3', '#959996', '#888c89', '#7a7f7c', '#474b49', '#1a1c1b', '#111'],
+    lightA: ['rgba(105, 105, 55, 0.04)', 'rgba(45, 55, 25, 0.1)', 'rgba(22, 28, 8, 0.15)', 'rgba(5, 15, 0, 0.2)', 'rgba(9, 17, 5, 0.26)', 'rgba(3, 13, 0, 0.31)', 'rgba(6, 14, 6, 0.37)', 'rgba(3, 12, 5, 0.42)', 'rgba(2, 10, 4, 0.47)', 'rgba(4, 13, 8, 0.53)', 'rgba(3, 8, 6, 0.73)', 'rgba(1, 3, 2, 0.9)', '#111']
+  },
+  sand: {
+    dark: ['#1c1c18', '#262521', '#30302b', '#3a3a35', '#45453f', '#505049', '#5c5b54', '#67675f', '#73726a', '#7f7e76', '#bcbab2', '#fcf9f3', '#ffffff'],
+    darkA: ['rgba(255, 255, 218, 0.11)', 'rgba(253, 247, 220, 0.15)', 'rgba(253, 253, 226, 0.19)', 'rgba(252, 252, 230, 0.23)', 'rgba(246, 246, 225, 0.28)', 'rgba(250, 250, 228, 0.32)', 'rgba(249, 246, 227, 0.37)', 'rgba(251, 251, 232, 0.41)', 'rgba(250, 248, 230, 0.46)', 'rgba(254, 252, 236, 0.5)', 'rgba(254, 251, 241, 0.74)', 'rgba(255, 252, 245, 0.99)', '#ffffff'],
+    light: ['#fcf9f3', '#edebe4', '#dfddd5', '#d1cfc7', '#c3c1b9', '#b5b3ab', '#a7a69d', '#999890', '#8c8b83', '#7f7e76', '#4b4a44', '#1c1c18', '#111'],
+    lightA: ['rgba(195, 135, 15, 0.05)', 'rgba(91, 73, 10, 0.11)', 'rgba(67, 55, 8, 0.17)', 'rgba(46, 37, 0, 0.22)', 'rgba(41, 34, 5, 0.28)', 'rgba(31, 25, 0, 0.33)', 'rgba(29, 27, 4, 0.39)', 'rgba(23, 21, 3, 0.44)', 'rgba(20, 18, 2, 0.49)', 'rgba(18, 16, 1, 0.54)', 'rgba(12, 10, 2, 0.74)', 'rgba(6, 6, 1, 0.91)', '#111']
+  },
+  slate: {
+    dark: ['#1b1c1d', '#242527', '#2e2f32', '#383a3c', '#434547', '#4e5052', '#595b5e', '#64676a', '#707276', '#7b7e82', '#b8babc', '#f9f9fa', '#ffffff'],
+    darkA: ['rgba(225, 233, 242, 0.12)', 'rgba(225, 231, 244, 0.16)', 'rgba(230, 235, 250, 0.2)', 'rgba(233, 242, 250, 0.24)', 'rgba(239, 246, 254, 0.28)', 'rgba(236, 242, 248, 0.33)', 'rgba(241, 246, 254, 0.37)', 'rgba(238, 245, 252, 0.42)', 'rgba(238, 243, 251, 0.47)', 'rgba(241, 247, 255, 0.51)', 'rgba(249, 251, 254, 0.74)', 'rgba(254, 254, 255, 0.98)', '#ffffff'],
+    light: ['#f9f9fa', '#ebebec', '#dcddde', '#cecfd0', '#bfc1c3', '#b1b3b5', '#a4a6a8', '#96989b', '#898b8e', '#7b7e82', '#484a4d', '#1b1c1d', '#111'],
+    lightA: ['rgba(55, 55, 88, 0.03)', 'rgba(5, 5, 17, 0.08)', 'rgba(5, 12, 19, 0.14)', 'rgba(10, 15, 20, 0.2)', 'rgba(9, 17, 24, 0.26)', 'rgba(3, 10, 16, 0.31)', 'rgba(2, 8, 13, 0.36)', 'rgba(5, 10, 17, 0.42)', 'rgba(4, 8, 15, 0.47)', 'rgba(1, 7, 15, 0.52)', 'rgba(1, 4, 8, 0.72)', 'rgba(2, 3, 4, 0.9)', '#111']
+  }
+};

package/es/styles/index.d.ts

@@ -0,0 +1,4 @@
+export { colorScales as colors } from './colors/colors';
+export { colorScales } from './colors/colors';
+export { generateColorNeutralPalette, generateColorPalette } from './colors/generateColorPalette';
+export { neutralColorScales } from './colors/neutralColors';

package/es/styles/index.js

@@ -0,0 +1,4 @@
+export { colorScales as colors } from "./colors/colors";
+export { colorScales } from "./colors/colors";
+export { generateColorNeutralPalette, generateColorPalette } from "./colors/generateColorPalette";
+export { neutralColorScales } from "./colors/neutralColors";

package/es/useSpeechSynthes/const/polyfill.d.ts

@@ -0,0 +1,3 @@
+export declare const SpeechRecognition: any;
+export declare const SpeechSynthesis: any;
+export declare const SpeechSynthesisUtterance: any;

package/es/useSpeechSynthes/const/polyfill.js

@@ -0,0 +1,21 @@
+var getSpeechRecognition = function getSpeechRecognition() {
+  try {
+    var _window, _window2;
+    return (globalThis === null || globalThis === void 0 ? void 0 : globalThis.SpeechRecognition) || ((_window = window) === null || _window === void 0 ? void 0 : _window.SpeechRecognition) || ((_window2 = window) === null || _window2 === void 0 ? void 0 : _window2.webkitSpeechRecognition);
+  } catch (_unused) {}
+};
+var getSpeechSynthesis = function getSpeechSynthesis() {
+  try {
+    var _window3, _window4;
+    return (globalThis === null || globalThis === void 0 ? void 0 : globalThis.speechSynthesis) || ((_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.speechSynthesis) || ((_window4 = window) === null || _window4 === void 0 ? void 0 : _window4.webkitSpeechSynthesis);
+  } catch (_unused2) {}
+};
+var getSpeechSynthesisUtterance = function getSpeechSynthesisUtterance() {
+  try {
+    var _window5, _window6;
+    return (globalThis === null || globalThis === void 0 ? void 0 : globalThis.SpeechSynthesisUtterance) || ((_window5 = window) === null || _window5 === void 0 ? void 0 : _window5.SpeechSynthesisUtterance) || ((_window6 = window) === null || _window6 === void 0 ? void 0 : _window6.webkitSpeechSynthesisUtterance);
+  } catch (_unused3) {}
+};
+export var SpeechRecognition = getSpeechRecognition();
+export var SpeechSynthesis = getSpeechSynthesis();
+export var SpeechSynthesisUtterance = getSpeechSynthesisUtterance();

package/es/useSpeechSynthes/index.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { type SsmlOptions } from '@lobehub/tts/core/utils/genSSML';
+export interface SpeechSynthesOptions extends Pick<SsmlOptions, 'voice' | 'rate' | 'pitch'> {
+    onStart?: () => void;
+    onStop?: () => void;
+}
+export declare const useSpeechSynthes: (defaultText: string, { voice, rate, pitch, ...options }: SpeechSynthesOptions) => {
+    isLoading: boolean;
+    setText: import("react").Dispatch<import("react").SetStateAction<string>>;
+    start: () => void;
+    stop: () => void;
+};
+export default useSpeechSynthes;

package/es/useSpeechSynthes/index.js

@@ -0,0 +1,69 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["voice", "rate", "pitch"];
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { SpeechSynthesis, SpeechSynthesisUtterance } from "./const/polyfill";
+export var useSpeechSynthes = function useSpeechSynthes(defaultText, _ref) {
+  var voice = _ref.voice,
+    rate = _ref.rate,
+    pitch = _ref.pitch,
+    options = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState(SpeechSynthesis === null || SpeechSynthesis === void 0 ? void 0 : SpeechSynthesis.getVoices()),
+    _useState2 = _slicedToArray(_useState, 2),
+    voiceList = _useState2[0],
+    setVoiceList = _useState2[1];
+  var _useState3 = useState(defaultText),
+    _useState4 = _slicedToArray(_useState3, 2),
+    text = _useState4[0],
+    setText = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    isLoading = _useState6[0],
+    setIsLoading = _useState6[1];
+  var speechSynthesisUtterance = useMemo(function () {
+    if (!SpeechSynthesisUtterance) return;
+    var utterance = new SpeechSynthesisUtterance(text);
+    utterance.voice = voiceList.find(function (item) {
+      return item.name === voice;
+    });
+    utterance.onstart = function () {
+      return setIsLoading(true);
+    };
+    utterance.onend = function () {
+      return setIsLoading(false);
+    };
+    if (pitch) utterance.pitch = pitch * 10;
+    if (rate) utterance.rate = rate * 10;
+    return utterance;
+  }, [text, voiceList, rate, pitch, voice]);
+  useEffect(function () {
+    if (!SpeechSynthesis) return;
+    SpeechSynthesis.onvoiceschanged = function () {
+      setVoiceList(SpeechSynthesis === null || SpeechSynthesis === void 0 ? void 0 : SpeechSynthesis.getVoices());
+    };
+    SpeechSynthesis.onstart = function () {
+      return setIsLoading(true);
+    };
+    SpeechSynthesis.onend = function () {
+      return setIsLoading(false);
+    };
+  }, []);
+  var handleStart = useCallback(function () {
+    var _options$onStart;
+    options === null || options === void 0 || (_options$onStart = options.onStart) === null || _options$onStart === void 0 || _options$onStart.call(options);
+    SpeechSynthesis === null || SpeechSynthesis === void 0 || SpeechSynthesis.speak(speechSynthesisUtterance);
+  }, [options, speechSynthesisUtterance]);
+  var handleStop = useCallback(function () {
+    var _options$onStop, _speechSynthesis;
+    options === null || options === void 0 || (_options$onStop = options.onStop) === null || _options$onStop === void 0 || _options$onStop.call(options);
+    (_speechSynthesis = speechSynthesis) === null || _speechSynthesis === void 0 || _speechSynthesis.cancel();
+    setIsLoading(false);
+  }, [options]);
+  return {
+    isLoading: isLoading,
+    setText: setText,
+    start: handleStart,
+    stop: handleStop
+  };
+};
+export default useSpeechSynthes;

package/es/utils/constants.d.ts

@@ -0,0 +1 @@
+export declare const prefixCls = "yunti-ui";

package/es/utils/constants.js

@@ -0,0 +1 @@
+export var prefixCls = 'yunti-ui';

package/es/utils/tools.d.ts

@@ -0,0 +1 @@
+export declare const isBrowser: boolean;

package/es/utils/tools.js

@@ -0,0 +1 @@
+export var isBrowser = typeof window !== 'undefined';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuntijs/ui",
-  "version": "1.0.0-beta.7",
+  "version": "1.0.0-beta.70",
   "description": "☁️ Yunti UI - an open-source UI component library for building Cloud Native web apps",
   "keywords": [
     "yuntijs",
@@ -33,6 +33,7 @@
     "dev:father": "father dev",
     "docs:build": "dumi build",
     "docs:build-analyze": "ANALYZE=1 dumi build",
+    "docs:build-nc": "COMPRESS=none dumi build",
     "docs:dev": "dumi dev",
     "docs:preview": "dumi preview --port 9000",
     "doctor": "father doctor",
@@ -81,14 +82,28 @@
     "@alilc/lowcode-plugin-base-monaco-editor": "^1.1.2",
     "@ant-design/icons": "^5",
     "@babel/runtime": "^7",
-    "@lobehub/ui": "^1",
+    "@lexical/react": "^0.16.1",
+    "@lexical/selection": "^0.16.1",
+    "@lexical/text": "^0.16.1",
+    "@lexical/utils": "^0.16.1",
+    "@lobehub/tts": "^1.25.1",
+    "@lobehub/ui": "^1.147.0",
+    "@melloware/react-logviewer": "^5.2.0",
+    "@monaco-editor/loader": "^1.4.0",
+    "@shikijs/transformers": "^1.10.3",
     "leva": "^0",
+    "lexical": "^0.16.1",
     "lodash-es": "^4",
     "lucide-react": "latest",
     "query-string": "^8",
+    "rc-util": "^5.43.0",
+    "react-draggable": "^4.4.6",
     "react-error-boundary": "^4",
     "react-layout-kit": "^1",
-    "url-join": "^5.0.0"
+    "shiki": "^1.10.3",
+    "swr": "^2.2.5",
+    "url-join": "^5.0.0",
+    "use-merge-value": "^1.2.0"
   },
   "devDependencies": {
     "@testing-library/react": "^14",
@@ -97,13 +112,14 @@
     "@types/react": "18.2.40",
     "@types/react-dom": "^18",
     "@vitest/coverage-v8": "latest",
-    "@yuntijs/lint": "^1.4.0",
-    "antd": "^5.12.5",
-    "antd-style": "^3",
+    "@yuntijs/lint": "^1.7.0",
+    "antd": "^5.19.3",
+    "antd-style": "^3.6.2",
     "babel-plugin-antd-style": "latest",
     "commitlint": "^18",
-    "dumi": "^2",
-    "dumi-theme-lobehub": "^1.7.6",
+    "dayjs": "^1.11.10",
+    "dumi": "^2.4.9",
+    "dumi-theme-yunti": "^1.7.1",
     "eslint": "^8.56.0",
     "father": "^4.3.8",
     "husky": "^8",
@@ -124,10 +140,14 @@
   "peerDependencies": {
     "antd": ">=5",
     "antd-style": ">=3",
+    "dayjs": ">=1",
     "react": ">=18",
     "react-dom": ">=18"
   },
-  "packageManager": "pnpm@8.12.1",
+  "engines": {
+    "node": ">=18.12.0",
+    "pnpm": ">=8.1.0"
+  },
   "publishConfig": {
     "access": "public",
     "registry": "https://registry.npmjs.org"