@unicom-cloud/ui 0.8.98 → 0.8.99

package/liquid-fill/LiquidFill.js

@@ -1,226 +0,0 @@
-import { jsx as a, jsxs as x } from "react/jsx-runtime";
-import { useContext as nt, useRef as P, useState as O, useEffect as j } from "react";
-import "../config-provider/ConfigProvider.js";
-import "@unicom-cloud/utils/case-name";
-import at from "@unicom-cloud/utils/class-name";
-import "../dist/tinycolor/chunk/BOzCVdr0.js";
-import "@unicom-cloud/utils/constant/ui";
-import "../utils/contextHolder.js";
-import "@unicom-cloud/utils/dayjs";
-import "@unicom-cloud/utils/clipboard-copy";
-import "../components/common/utils/dayjs.js";
-import "../components/common/utils/dom.js";
-import "@unicom-cloud/utils/file/fileToURL";
-import "lodash/escapeRegExp";
-import "lodash/isArray";
-import "lodash/isNumber";
-import "lodash/isString";
-import "lodash/isFunction";
-import "lodash/throttle";
-import "../components/common/utils/is.js";
-import "lodash/camelCase";
-import "lodash/capitalize";
-import "lodash/cloneDeep";
-import "lodash/debounce";
-import "lodash/get";
-import "lodash/has";
-import "lodash/kebabCase";
-import st from "lodash/merge";
-import "lodash/mergeWith";
-import "lodash/set";
-import "lodash/setWith";
-import "lodash/snakeCase";
-import "lodash/startCase";
-import "lodash/uniq";
-import "lodash/upperFirst";
-import "@unicom-cloud/utils/math";
-import "lodash/isPlainObject";
-import "../dist/react-transition-group/src/CSSTransition.js";
-import "../dist/react-transition-group/src/ReplaceTransition.js";
-import "../dist/react-transition-group/src/SwitchTransition.js";
-import "../dist/react-transition-group/chunk/CPfP7aNL.js";
-import "../dist/react-transition-group/src/TransitionGroup.js";
-import "../components/common/utils/reactDOM.js";
-import "@unicom-cloud/utils/file/saveAs";
-import "@unicom-cloud/utils/screenfull";
-import "@unicom-cloud/utils/constant/ui.js";
-import "@unicom-cloud/utils/tree";
-import "@unicom-cloud/utils/is";
-import { v4 as b } from "uuid";
-import "../dist/validate/src/index.js";
-import "@unicom-cloud/utils/constant/keyboardCode";
-import mt from "../config-provider/context.js";
-const se = (D) => {
-  const { getPrefixCls: I, componentConfig: V } = nt(mt), {
-    style: _,
-    className: E,
-    value: A = 0.5,
-    size: i = 200,
-    fontSize: h,
-    waveColor: F = "rgb(var(--pqb-blue-6))",
-    backgroundColor: N = "var(--pqb-color-neutral-1)",
-    textColor: H = "var(--pqb-color-neutral-8)",
-    showPercent: Y = !0,
-    duration: y = 2e3,
-    waveCount: c = 3,
-    waveAmplitude: J = 10,
-    borderColor: q = "var(--pqb-color-neutral-4)",
-    borderWidth: g = 2,
-    outerBorderColor: K = q,
-    outerBorderWidth: w = 0,
-    borderGap: Q = 2,
-    decimalPlaces: U = 0,
-    percentFontScale: X = 0.5,
-    waveSpeedVariation: Z = 0.5
-  } = st({}, V?.LiquidFill, D), n = I?.("liquid-fill"), d = P({
-    clipPath: b(),
-    // 裁剪路径ID
-    waveGradient: b(),
-    // 波浪渐变ID
-    bgGradient: b()
-    // 背景渐变ID
-  }).current, tt = P(null), o = P({
-    fill: 0,
-    // 填充动画ID
-    wave: 0,
-    // 波浪动画ID
-    startTime: 0
-    // 动画开始时间
-  }).current, [$, G] = O(0), [et, z] = O([]), M = i / 2 - w / 2, W = M - Q - g / 2, m = W - g / 2, e = i / 2, S = m * 2, rt = S * ($ / 100) + g / 2, k = (r, t) => {
-    if (typeof t == "string") return null;
-    const { from: s, to: l, direction: p = "vertical" } = t;
-    return /* @__PURE__ */ x("linearGradient", { id: r, x1: "0%", y1: "0%", x2: p === "horizontal" ? "100%" : "0%", y2: p === "horizontal" ? "0%" : "100%", children: [
-      /* @__PURE__ */ a("stop", { offset: "0%", stopColor: s }),
-      /* @__PURE__ */ a("stop", { offset: "100%", stopColor: l })
-    ] });
-  }, B = (r, t) => typeof r == "string" ? r : `url(#${t})`, ot = (r, t, s) => {
-    const l = [], v = e - m, L = e + m;
-    for (let f = 0; f <= 30; f++) {
-      const u = v + f / 30 * S, C = Math.min(
-        e + m - rt + // 这里原来是减去 waterHeight，现在直接使用 waterHeight
-        r * Math.sin((u - v) * t + s),
-        e + m
-      );
-      l.push([u, C]);
-    }
-    return l.push([L, e + m]), l.push([v, e + m]), l.map(([f, u], C) => `${C === 0 ? "M" : "L"}${f} ${u}`).join(" ");
-  }, it = () => Array.from({ length: c }).map((r, t) => {
-    const s = J * (c - t) / c, l = 0.02 * (t + 1), p = et[t] || 0;
-    return /* @__PURE__ */ a(
-      "path",
-      {
-        className: `${n}-path`,
-        d: ot(s, l, p),
-        fill: B(F, d.waveGradient),
-        fillOpacity: 0.3 + 0.7 / c * t
-      },
-      t
-    );
-  }), R = () => {
-    z(
-      (r) => r.map(
-        (t, s) => t + 0.02 * (s + 1) * (1 + Z * Math.random())
-      )
-    ), $ < 100 && (o.wave = requestAnimationFrame(R));
-  }, T = (r) => {
-    o.startTime || (o.startTime = r);
-    const t = r - o.startTime, s = Math.min(t / y, 1) * A * 100;
-    G(s), t < y && (o.fill = requestAnimationFrame(T));
-  };
-  return j(() => {
-    z(Array.from({ length: c }, (r, t) => t * Math.PI));
-  }, [c]), j(() => (cancelAnimationFrame(o.fill), cancelAnimationFrame(o.wave), o.startTime = 0, G(0), o.fill = requestAnimationFrame(T), o.wave = requestAnimationFrame(R), () => {
-    cancelAnimationFrame(o.fill), cancelAnimationFrame(o.wave);
-  }), [A, y, c]), /* @__PURE__ */ a(
-    "div",
-    {
-      className: at(n, E),
-      style: {
-        width: i,
-        height: i,
-        ..._
-      },
-      children: /* @__PURE__ */ x(
-        "svg",
-        {
-          className: `${n}-svg`,
-          ref: tt,
-          width: i,
-          height: i,
-          viewBox: `0 0 ${i} ${i}`,
-          preserveAspectRatio: "xMidYMid meet",
-          children: [
-            /* @__PURE__ */ x("defs", { children: [
-              k(d.waveGradient, F),
-              k(d.bgGradient, N),
-              /* @__PURE__ */ a("clipPath", { id: d.clipPath, className: `${n}-clipPath`, children: /* @__PURE__ */ a(
-                "circle",
-                {
-                  className: `${n}-clipPath-circle`,
-                  cx: e,
-                  cy: e,
-                  r: m
-                }
-              ) })
-            ] }),
-            w > 0 && /* @__PURE__ */ a(
-              "circle",
-              {
-                className: `${n}-outerBorder`,
-                cx: e,
-                cy: e,
-                r: M,
-                fill: "none",
-                stroke: K,
-                strokeWidth: w,
-                strokeOpacity: 0.5
-              }
-            ),
-            /* @__PURE__ */ a(
-              "circle",
-              {
-                className: `${n}-border`,
-                cx: e,
-                cy: e,
-                r: W,
-                fill: B(N, d.bgGradient),
-                stroke: q,
-                strokeWidth: g
-              }
-            ),
-            /* @__PURE__ */ a("g", { className: `${n}-g`, clipPath: `url(#${d.clipPath})`, children: it() }),
-            Y && /* @__PURE__ */ x(
-              "text",
-              {
-                className: `${n}-text`,
-                x: e,
-                y: e,
-                fill: H,
-                fontSize: typeof h == "string" ? h : i * 0.15,
-                textAnchor: "middle",
-                dominantBaseline: "middle",
-                children: [
-                  $.toFixed(U),
-                  /* @__PURE__ */ a(
-                    "tspan",
-                    {
-                      style: {
-                        fontSize: `calc(${typeof h == "string" ? h : `${i * 0.15}px`} * ${X})`
-                      },
-                      className: `${n}-text-tspan`,
-                      alignmentBaseline: "mathematical",
-                      children: "%"
-                    }
-                  )
-                ]
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-};
-export {
-  se as default
-};

package/liquid-fill/LiquidFill2.js

@@ -1,3 +0,0 @@
-import "react/jsx-runtime";
-import r from "../_virtual/index.js";
-r.number, r.number, r.number, r.oneOf(["circle", "rect"]), r.number, r.number, r.string, r.string, r.string, r.number, r.string, r.number, r.number;

package/space-/index.js

@@ -1,93 +0,0 @@
-import { jsx as c, jsxs as M } from "react/jsx-runtime";
-import P from "lodash/isArray";
-import R from "lodash/isNumber";
-import { forwardRef as $, useContext as V, Fragment as b } from "react";
-import "../config-provider/ConfigProvider.js";
-import j from "../components/common/hooks/useMergeProps.js";
-import k from "@unicom-cloud/utils/class-name";
-import D from "./toArray.js";
-import F from "../config-provider/context.js";
-const H = {
-  size: "small",
-  direction: "horizontal"
-};
-function O(s, m) {
-  const { getPrefixCls: N, componentConfig: C, rtl: g } = V(F), v = j(
-    s,
-    H,
-    C?.Space
-  ), {
-    className: S,
-    style: x,
-    children: w,
-    size: i,
-    direction: a,
-    align: B,
-    wrap: l,
-    split: p,
-    ...z
-  } = v, e = N?.("space-"), d = B || (a === "horizontal" ? "center" : ""), A = k(
-    e,
-    {
-      [`${e}-${a}`]: a,
-      [`${e}-align-${d}`]: d,
-      [`${e}-wrap`]: l,
-      [`${e}-rtl`]: g
-    },
-    S
-  );
-  function f(t) {
-    if (R(t))
-      return t;
-    switch (t) {
-      case "mini":
-        return 4;
-      case "small":
-        return 8;
-      case "medium":
-        return 16;
-      case "large":
-        return 24;
-      default:
-        return 8;
-    }
-  }
-  const h = D(w);
-  function L(t) {
-    const n = h.length === t + 1, o = g ? "marginLeft" : "marginRight";
-    if (typeof i == "string" || typeof i == "number") {
-      const r = f(i);
-      return l ? n ? { marginBottom: r } : {
-        [`${o}`]: r,
-        marginBottom: r
-      } : n ? {} : {
-        [a === "vertical" ? "marginBottom" : o]: r
-      };
-    }
-    if (P(i)) {
-      const r = f(i[0]), u = f(i[1]);
-      return l ? n ? { marginBottom: u } : {
-        [`${o}`]: r,
-        marginBottom: u
-      } : a === "vertical" ? { marginBottom: u } : { [`${o}`]: r };
-    }
-  }
-  return /* @__PURE__ */ c("div", { ref: m, className: A, style: x, ...z, children: h.map((t, n) => {
-    const o = t?.key || n, r = p != null && n > 0;
-    return /* @__PURE__ */ M(b, { children: [
-      r && /* @__PURE__ */ c("div", { className: `${e}-item-split`, children: p }),
-      /* @__PURE__ */ c("div", { className: `${e}-item`, style: L(n), children: t })
-    ] }, o);
-  }) });
-}
-const y = $(O);
-y.displayName = "Space-";
-function q(s, m) {
-  return /* @__PURE__ */ c(y, { ref: m, ...s, direction: "vertical", children: s.children });
-}
-const E = $(q);
-E.displayName = "SpaceVertical-";
-export {
-  E as SpaceVertical,
-  y as default
-};

package/types/common/utils/color.d.ts

@@ -1 +0,0 @@
-export { uiColor as color } from "@unicom-cloud/tinycolor";

package/types/common/utils/computeScrollIntoView.d.ts

@@ -1 +0,0 @@
-export { compute, default as computeScrollIntoView, default, } from '@unicom-cloud/compute-scroll-into-view';

package/types/common/utils/index.d.ts

@@ -1,45 +0,0 @@
-export * from './caseName';
-export * from './className';
-export * from './color';
-export * from './computeScrollIntoView';
-export * from './constant';
-export * from './convertToDurationBasedOnTimeUnits';
-export * from './copy';
-export * from './dayjs';
-export * from './dom';
-export * from './fileToURL';
-export * from './fillNBSP';
-export * from './findScrollParent';
-export * from './getHighlightText';
-export * from './getHotkeyHandler';
-export * from './getStringLength';
-export * from './include';
-export * from './intersectionObserver';
-export * from './is';
-export * from './lodash';
-export * from './math';
-export * from './mergedToString';
-export * from './mergeProps';
-export * from './mutationObserver';
-export * from './omit';
-export * from './pad';
-export * from './pick';
-export * from './PqbCSSTransition';
-export * from './reactDOM';
-export * from './reactTransitionGroup';
-export * from './resizeObserver';
-export * from './saveAs';
-export * from './screenfull';
-export * from './scrollIntoView';
-export * from './setDarkTheme';
-export * from './setPrimaryColor';
-export * from './style';
-export * from './throttleByRaf';
-export * from './tinycolor';
-export * from './tree';
-export * from './tween';
-export * from './type';
-export * from './uuid';
-export * from './validate';
-export * from './warning';
-export { keyboardCode } from './keyboardCode';

package/types/common/utils/math.d.ts

@@ -1 +0,0 @@
-export { default, div, default as math, minus, plus, times, } from '@unicom-cloud/utils/math';

package/types/common/utils/reactTransitionGroup.d.ts

@@ -1 +0,0 @@
-export { CSSTransition, default, default as reactTransitionGroup, ReplaceTransition, SwitchTransition, Transition, TransitionGroup, } from '@unicom-cloud/react-transition-group';

package/types/common/utils/tree.d.ts

@@ -1 +0,0 @@
-export { default, findNodeBy, getChildWithParentBy, getItemBy, getItemBy2, getItemBy3, getItemByID, getLabelFromDictionaryByValue, default as tree, } from '@unicom-cloud/utils/tree';

package/types/common/utils/tween.d.ts

@@ -1 +0,0 @@
-export { default, easing, default as tween } from '@unicom-cloud/tween';

package/types/common/utils/uuid.d.ts

@@ -1 +0,0 @@
-export { v4 as uuid, v4 as uuidv4 } from 'uuid';

package/types/common/utils/validate.d.ts

@@ -1 +0,0 @@
-export { DefaultValidateMessage, Schema, default as validate, } from '@unicom-cloud/validate';

package/types/pc/liquid-fill/LiquidFill.d.ts

@@ -1,115 +0,0 @@
-import React, { type CSSProperties } from 'react';
-/**
- * 颜色配置类型，支持纯色和渐变色
- */
-type ColorType = string | {
-    /** 渐变起始颜色 */
-    from: string;
-    /** 渐变结束颜色 */
-    to: string;
-    /**
-     * 渐变方向
-     * @default 'vertical' 垂直渐变
-     */
-    direction?: 'horizontal' | 'vertical';
-};
-/**
- * 水球填充组件的属性接口
- */
-export interface LiquidFillProps {
-    /** 自定义容器样式 */
-    style?: CSSProperties;
-    /** 自定义类名 */
-    className?: string | string[];
-    /**
-     * 当前填充比例 (0-1)
-     * @default 0.5
-     */
-    value: number;
-    /**
-     * 组件尺寸 (像素)
-     * @default 200
-     */
-    size?: number;
-    /**
-     * 字体大小
-     * @default size * 0.15
-     */
-    fontSize?: number | string;
-    /**
-     * 波浪颜色，支持纯色或渐变色
-     * @default 'rgb(var(--pqb-blue-6))'
-     */
-    waveColor?: ColorType;
-    /**
-     * 背景颜色，支持纯色或渐变色
-     * @default 'var(--pqb-color-neutral-1)'
-     */
-    backgroundColor?: ColorType;
-    /**
-     * 文字颜色
-     * @default 'var(--pqb-color-neutral-8)'
-     */
-    textColor?: string;
-    /**
-     * 是否显示百分比
-     * @default true
-     */
-    showPercent?: boolean;
-    /**
-     * 动画持续时间(毫秒)
-     * @default 2000
-     */
-    duration?: number;
-    /**
-     * 波浪数量
-     * @default 3
-     */
-    waveCount?: number;
-    /**
-     * 波浪振幅
-     * @default 10
-     */
-    waveAmplitude?: number;
-    /**
-     * 内层边框颜色
-     * @default 'var(--pqb-color-neutral-4)'
-     */
-    borderColor?: string;
-    /**
-     * 内层边框宽度
-     * @default 2
-     */
-    borderWidth?: number;
-    /**
-     * 外层边框颜色（默认使用内层边框颜色但透明度30%）
-     */
-    outerBorderColor?: string;
-    /**
-     * 外层边框宽度
-     * @default 0（不显示）
-     */
-    outerBorderWidth?: number;
-    /**
-     * 内外层边框间距
-     * @default 2
-     */
-    borderGap?: number;
-    /**
-     * 百分比显示的小数位数
-     * @default 0（整数）
-     */
-    decimalPlaces?: number;
-    /**
-     * 百分号相对于数字的缩放比例
-     * @default 0.7
-     */
-    percentFontScale?: number;
-    /**
-     * 波浪速度变化系数（值越大速度差异越大）
-     * @default 0.5
-     */
-    waveSpeedVariation?: number;
-}
-declare const LiquidFill: React.FC<LiquidFillProps>;
-export default LiquidFill;

package/types/pc/liquid-fill/LiquidFill2.d.ts

@@ -1 +0,0 @@
-export {};

package/types/pc/space-/index.d.ts

@@ -1,6 +0,0 @@
-import { SpaceProps, SpaceSize } from './interface';
-declare const Space: import("react").ForwardRefExoticComponent<SpaceProps & import("react").RefAttributes<unknown>>;
-declare const SpaceVertical: import("react").ForwardRefExoticComponent<SpaceProps & import("react").RefAttributes<unknown>>;
-export { SpaceVertical };
-export default Space;
-export type { SpaceProps, SpaceSize };

package/types/pc/space-/interface.d.ts

@@ -1,38 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-export type SpaceSize = 'mini' | 'small' | 'medium' | 'large' | number;
-/**
- * @title Space
- */
-export interface SpaceProps {
-    style?: CSSProperties;
-    className?: string | string[];
-    /**
-     * @zh 对齐方式
-     * @en Alignment of items
-     */
-    align?: 'start' | 'end' | 'center' | 'baseline';
-    /**
-     * @zh 间距方向
-     * @en The space direction
-     * @defaultValue horizontal
-     */
-    direction?: 'vertical' | 'horizontal';
-    /**
-     * @zh 尺寸。( `2.15.0` 开始支持数组形式 )
-     * @en The space size. ( Array format add in `2.15.0` )
-     * @defaultValue small
-     */
-    size?: SpaceSize | SpaceSize[];
-    /**
-     * @zh 环绕类型的间距，用于折行的场景。
-     * @en Whether to wrap line automatic
-     */
-    wrap?: boolean;
-    /**
-     * @zh 设置分隔符
-     * @en Set separator
-     * @version 2.22.0
-     */
-    split?: ReactNode;
-    children?: ReactNode;
-}