@xiping/react-components 0.0.72 → 1.0.0

package/dist/es/components/dock/Duck.d.ts

@@ -0,0 +1,27 @@
+import { VariantProps } from 'class-variance-authority';
+import { MotionProps, MotionValue } from 'motion/react';
+import { default as React, PropsWithChildren } from 'react';
+export interface DockProps extends VariantProps<typeof dockVariants> {
+    className?: string;
+    iconSize?: number;
+    iconMagnification?: number;
+    iconDistance?: number;
+    direction?: "top" | "middle" | "bottom";
+    children: React.ReactNode;
+}
+declare const dockVariants: (props?: import('class-variance-authority/types').ClassProp) => string;
+declare const Dock: React.ForwardRefExoticComponent<DockProps & React.RefAttributes<HTMLDivElement>>;
+export interface DockIconProps extends Omit<MotionProps & React.HTMLAttributes<HTMLDivElement>, "children"> {
+    size?: number;
+    magnification?: number;
+    distance?: number;
+    mouseX?: MotionValue<number>;
+    className?: string;
+    children?: React.ReactNode;
+    props?: PropsWithChildren;
+}
+declare const DockIcon: {
+    ({ size, magnification, distance, mouseX, className, children, ...props }: DockIconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Dock, DockIcon, dockVariants };

package/dist/es/components/dock/Duck.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsx as g } from "react/jsx-runtime";
+import { cva as T } from "class-variance-authority";
+import { useMotionValue as x, motion as k, useTransform as b, useSpring as w } from "motion/react";
+import i, { useRef as A } from "react";
+import { cn as I } from "../../utils/utils.js";
+const y = 40, D = 60, h = 140, C = T(
+  "supports-backdrop-blur:bg-white/10 supports-backdrop-blur:dark:bg-black/10 mx-auto mt-8 flex h-[58px] w-max items-center justify-center gap-2 rounded-2xl border p-2 backdrop-blur-md"
+), v = i.forwardRef(
+  ({
+    className: t,
+    children: a,
+    iconSize: s = y,
+    iconMagnification: c = D,
+    iconDistance: m = h,
+    direction: n = "middle",
+    ...u
+  }, r) => {
+    const o = x(1 / 0), d = () => i.Children.map(a, (e) => i.isValidElement(e) && e.type === E ? i.cloneElement(e, {
+      ...e.props,
+      mouseX: o,
+      size: s,
+      magnification: c,
+      distance: m
+    }) : e);
+    return /* @__PURE__ */ g(
+      k.div,
+      {
+        ref: r,
+        onMouseMove: (e) => o.set(e.pageX),
+        onMouseLeave: () => o.set(1 / 0),
+        ...u,
+        className: I(C({ className: t }), {
+          "items-start": n === "top",
+          "items-center": n === "middle",
+          "items-end": n === "bottom"
+        }),
+        children: d()
+      }
+    );
+  }
+);
+v.displayName = "Dock";
+const E = ({
+  size: t = y,
+  magnification: a = D,
+  distance: s = h,
+  mouseX: c,
+  className: m,
+  children: n,
+  ...u
+}) => {
+  const r = A(null), o = Math.max(6, t * 0.2), d = x(1 / 0), e = b(c ?? d, (N) => {
+    var f;
+    const l = ((f = r.current) == null ? void 0 : f.getBoundingClientRect()) ?? { x: 0, width: 0 };
+    return N - l.x - l.width / 2;
+  }), M = b(
+    e,
+    [-s, 0, s],
+    [t, a, t]
+  ), p = w(M, {
+    mass: 0.1,
+    stiffness: 150,
+    damping: 12
+  });
+  return /* @__PURE__ */ g(
+    k.div,
+    {
+      ref: r,
+      style: { width: p, height: p, padding: o },
+      className: I(
+        "flex aspect-square cursor-pointer items-center justify-center rounded-full",
+        m
+      ),
+      ...u,
+      children: n
+    }
+  );
+};
+E.displayName = "DockIcon";
+export {
+  v as Dock,
+  E as DockIcon,
+  C as dockVariants
+};

package/dist/es/components/dock/index.d.ts

@@ -0,0 +1 @@
+export * from './Duck.tsx';

package/dist/es/components/pinch-content/PinchContent.js

@@ -12,7 +12,7 @@ const q = C([G, N, U]), o = (i) => i.preventDefault(), Q = (i) => {
     canDrag: p = !0,
     canRotate: v = !0,
     scaleBounds: l = { min: 0.3, max: 10 },
-    wheelZoomFactor: x = 0.1
+    wheelZoomFactor: x = 1e-3
   } = i, n = j(null);
   F(() => {
     var t, e, r;

package/dist/es/components/txt-editor/TxtEditor.d.ts

@@ -0,0 +1,52 @@
+import { OnMount } from '@monaco-editor/react';
+export interface TxtEditorProps {
+    /**
+     * 编辑器高度
+     * @default '500px'
+     */
+    height?: string | number;
+    /**
+     * 编辑器宽度
+     * @default '100%'
+     */
+    width?: string | number;
+    /**
+     * 编辑器默认语言
+     * @default 'plaintext'
+     */
+    language?: string;
+    /**
+     * 编辑器默认值
+     */
+    defaultValue?: string;
+    /**
+     * 编辑器当前值
+     */
+    value?: string;
+    /**
+     * 编辑器主题
+     * @default 'light'
+     */
+    theme?: "light" | "vs-dark";
+    /**
+     * 是否只读
+     * @default false
+     */
+    readOnly?: boolean;
+    /**
+     * 值变化回调
+     */
+    onChange?: (value: string) => void;
+    /**
+     * 编辑器加载完成回调
+     */
+    onMount?: OnMount;
+    /**
+     * 文本编辑器样式
+     */
+    className?: string;
+}
+/**
+ * Monaco Editor 文本编辑器组件
+ */
+export declare const TxtEditor: ({ height, width, language, defaultValue, value, theme, readOnly, onChange, onMount, className, }: TxtEditorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/es/components/txt-editor/TxtEditor.js

@@ -0,0 +1,54 @@
+import { jsx as u } from "react/jsx-runtime";
+import c from "../../node_modules/.pnpm/@monaco-editor_react@4.7.0_monaco-editor@0.52.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@monaco-editor/react/dist/index.js";
+import { useRef as x } from "react";
+const D = ({
+  height: o = "500px",
+  width: r = "100%",
+  language: d = "plaintext",
+  defaultValue: n,
+  value: s,
+  theme: a = "light",
+  readOnly: l = !1,
+  onChange: t,
+  onMount: i,
+  className: f
+}) => {
+  const p = x(null);
+  return /* @__PURE__ */ u(
+    c,
+    {
+      className: f,
+      height: o,
+      width: r,
+      defaultLanguage: d,
+      defaultValue: n,
+      value: s,
+      theme: a,
+      onMount: (e, m) => {
+        p.current = e, i == null || i(e, m), e.updateOptions({
+          minimap: { enabled: !1 },
+          // 禁用小地图
+          lineNumbers: "on",
+          // 显示行号
+          roundedSelection: !1,
+          // 方形选区
+          scrollBeyondLastLine: !1,
+          // 禁止滚动到最后一行之后
+          readOnly: l,
+          // 是否只读
+          fontSize: 14
+          // 字体大小
+        });
+      },
+      onChange: (e) => {
+        t == null || t(e || "");
+      },
+      options: {
+        readOnly: l
+      }
+    }
+  );
+};
+export {
+  D as TxtEditor
+};

package/dist/es/components/txt-editor/index.d.ts

@@ -0,0 +1,3 @@
+import { TxtEditor } from './TxtEditor.tsx';
+export { TxtEditor };
+export default TxtEditor;

package/dist/es/index.d.ts

@@ -7,3 +7,5 @@ export * from './components/typing-animation';
 export * from './components/text-animate';
 export * from './components/shimmer-button';
 export * from './components/image-compare';
+export * from './components/dock';
+export * from './components/txt-editor';

package/dist/es/index.js

@@ -1,21 +1,27 @@
 /* empty css          */
-import { Button as t } from "./components/button/Button.js";
+import { Button as e } from "./components/button/Button.js";
 import { TxtReader as p } from "./components/txt-reader/TxtReader.js";
-import { HyperText as f } from "./components/hyper-text/index.js";
+import { HyperText as a } from "./components/hyper-text/index.js";
 import { TypingAnimation as n } from "./components/typing-animation/index.js";
-import { default as u } from "./components/pinch-content/PinchContent.js";
-import { default as T } from "./components/image-viewer/ImageViewer.js";
-import { ShimmerButton as l } from "./components/shimmer-button/ShimmerButton.js";
-import { default as h } from "./components/image-compare/ImageCompare.js";
-import { TextAnimate as A } from "./components/text-animate/TextAnimate.js";
+import { default as d } from "./components/pinch-content/PinchContent.js";
+import { default as u } from "./components/image-viewer/ImageViewer.js";
+import { ShimmerButton as s } from "./components/shimmer-button/ShimmerButton.js";
+import { default as k } from "./components/image-compare/ImageCompare.js";
+import { TextAnimate as I } from "./components/text-animate/TextAnimate.js";
+import { Dock as y, DockIcon as A, dockVariants as B } from "./components/dock/Duck.js";
+import { TxtEditor as D } from "./components/txt-editor/TxtEditor.js";
 export {
-  t as Button,
-  f as HyperText,
-  h as ImageCompare,
-  T as ImageViewer,
-  u as PinchContent,
-  l as ShimmerButton,
-  A as TextAnimate,
+  e as Button,
+  y as Dock,
+  A as DockIcon,
+  a as HyperText,
+  k as ImageCompare,
+  u as ImageViewer,
+  d as PinchContent,
+  s as ShimmerButton,
+  I as TextAnimate,
+  D as TxtEditor,
   p as TxtReader,
-  n as TypingAnimation
+  n as TypingAnimation,
+  B as dockVariants
 };

package/dist/es/node_modules/.pnpm/@monaco-editor_loader@1.5.0/node_modules/@monaco-editor/loader/lib/es/_virtual/_rollupPluginBabelHelpers.js

@@ -0,0 +1,99 @@
+function y(r, t, e) {
+  return t in r ? Object.defineProperty(r, t, {
+    value: e,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : r[t] = e, r;
+}
+function f(r, t) {
+  var e = Object.keys(r);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(r);
+    t && (n = n.filter(function(o) {
+      return Object.getOwnPropertyDescriptor(r, o).enumerable;
+    })), e.push.apply(e, n);
+  }
+  return e;
+}
+function h(r) {
+  for (var t = 1; t < arguments.length; t++) {
+    var e = arguments[t] != null ? arguments[t] : {};
+    t % 2 ? f(Object(e), !0).forEach(function(n) {
+      y(r, n, e[n]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(e)) : f(Object(e)).forEach(function(n) {
+      Object.defineProperty(r, n, Object.getOwnPropertyDescriptor(e, n));
+    });
+  }
+  return r;
+}
+function s(r, t) {
+  if (r == null) return {};
+  var e = {}, n = Object.keys(r), o, a;
+  for (a = 0; a < n.length; a++)
+    o = n[a], !(t.indexOf(o) >= 0) && (e[o] = r[o]);
+  return e;
+}
+function j(r, t) {
+  if (r == null) return {};
+  var e = s(r, t), n, o;
+  if (Object.getOwnPropertySymbols) {
+    var a = Object.getOwnPropertySymbols(r);
+    for (o = 0; o < a.length; o++)
+      n = a[o], !(t.indexOf(n) >= 0) && Object.prototype.propertyIsEnumerable.call(r, n) && (e[n] = r[n]);
+  }
+  return e;
+}
+function g(r, t) {
+  return p(r) || b(r, t) || O(r, t) || d();
+}
+function p(r) {
+  if (Array.isArray(r)) return r;
+}
+function b(r, t) {
+  if (!(typeof Symbol > "u" || !(Symbol.iterator in Object(r)))) {
+    var e = [], n = !0, o = !1, a = void 0;
+    try {
+      for (var i = r[Symbol.iterator](), u; !(n = (u = i.next()).done) && (e.push(u.value), !(t && e.length === t)); n = !0)
+        ;
+    } catch (c) {
+      o = !0, a = c;
+    } finally {
+      try {
+        !n && i.return != null && i.return();
+      } finally {
+        if (o) throw a;
+      }
+    }
+    return e;
+  }
+}
+function O(r, t) {
+  if (r) {
+    if (typeof r == "string") return l(r, t);
+    var e = Object.prototype.toString.call(r).slice(8, -1);
+    if (e === "Object" && r.constructor && (e = r.constructor.name), e === "Map" || e === "Set") return Array.from(r);
+    if (e === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)) return l(r, t);
+  }
+}
+function l(r, t) {
+  (t == null || t > r.length) && (t = r.length);
+  for (var e = 0, n = new Array(t); e < t; e++) n[e] = r[e];
+  return n;
+}
+function d() {
+  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+}
+export {
+  l as arrayLikeToArray,
+  p as arrayWithHoles,
+  y as defineProperty,
+  b as iterableToArrayLimit,
+  d as nonIterableRest,
+  h as objectSpread2,
+  j as objectWithoutProperties,
+  s as objectWithoutPropertiesLoose,
+  g as slicedToArray,
+  O as unsupportedIterableToArray
+};

package/dist/es/node_modules/.pnpm/@monaco-editor_loader@1.5.0/node_modules/@monaco-editor/loader/lib/es/config/index.js

@@ -0,0 +1,8 @@
+var t = {
+  paths: {
+    vs: "https://cdn.jsdelivr.net/npm/monaco-editor@0.52.2/min/vs"
+  }
+};
+export {
+  t as default
+};

package/dist/es/node_modules/.pnpm/@monaco-editor_loader@1.5.0/node_modules/@monaco-editor/loader/lib/es/loader/index.js

@@ -0,0 +1,101 @@
+import { slicedToArray as l, objectWithoutProperties as d } from "../_virtual/_rollupPluginBabelHelpers.js";
+import v from "../../../../../../../state-local@1.0.7/node_modules/state-local/lib/es/state-local.js";
+import g from "../config/index.js";
+import p from "../validators/index.js";
+import j from "../utils/compose.js";
+import w from "../utils/deepMerge.js";
+import s from "../utils/makeCancelable.js";
+var I = v.create({
+  config: g,
+  isInitialized: !1,
+  resolve: null,
+  reject: null,
+  monaco: null
+}), u = l(I, 2), i = u[0], c = u[1];
+function z(o) {
+  var e = p.config(o), n = e.monaco, r = d(e, ["monaco"]);
+  c(function(t) {
+    return {
+      config: w(t.config, r),
+      monaco: n
+    };
+  });
+}
+function S() {
+  var o = i(function(e) {
+    var n = e.monaco, r = e.isInitialized, t = e.resolve;
+    return {
+      monaco: n,
+      isInitialized: r,
+      resolve: t
+    };
+  });
+  if (!o.isInitialized) {
+    if (c({
+      isInitialized: !0
+    }), o.monaco)
+      return o.resolve(o.monaco), s(f);
+    if (window.monaco && window.monaco.editor)
+      return m(window.monaco), o.resolve(window.monaco), s(f);
+    j(b, M)(P);
+  }
+  return s(f);
+}
+function b(o) {
+  return document.body.appendChild(o);
+}
+function h(o) {
+  var e = document.createElement("script");
+  return o && (e.src = o), e;
+}
+function M(o) {
+  var e = i(function(r) {
+    var t = r.config, a = r.reject;
+    return {
+      config: t,
+      reject: a
+    };
+  }), n = h("".concat(e.config.paths.vs, "/loader.js"));
+  return n.onload = function() {
+    return o();
+  }, n.onerror = e.reject, n;
+}
+function P() {
+  var o = i(function(n) {
+    var r = n.config, t = n.resolve, a = n.reject;
+    return {
+      config: r,
+      resolve: t,
+      reject: a
+    };
+  }), e = window.require;
+  e.config(o.config), e(["vs/editor/editor.main"], function(n) {
+    m(n), o.resolve(n);
+  }, function(n) {
+    o.reject(n);
+  });
+}
+function m(o) {
+  i().monaco || c({
+    monaco: o
+  });
+}
+function _() {
+  return i(function(o) {
+    var e = o.monaco;
+    return e;
+  });
+}
+var f = new Promise(function(o, e) {
+  return c({
+    resolve: o,
+    reject: e
+  });
+}), T = {
+  config: z,
+  init: S,
+  __getMonacoInstance: _
+};
+export {
+  T as default
+};

package/dist/es/node_modules/.pnpm/@monaco-editor_loader@1.5.0/node_modules/@monaco-editor/loader/lib/es/utils/compose.js

@@ -0,0 +1,12 @@
+var c = function() {
+  for (var t = arguments.length, n = new Array(t), r = 0; r < t; r++)
+    n[r] = arguments[r];
+  return function(u) {
+    return n.reduceRight(function(e, o) {
+      return o(e);
+    }, u);
+  };
+};
+export {
+  c as default
+};

package/dist/es/node_modules/.pnpm/@monaco-editor_loader@1.5.0/node_modules/@monaco-editor/loader/lib/es/utils/curry.js

@@ -0,0 +1,14 @@
+function o(u) {
+  return function h() {
+    for (var i = this, a = arguments.length, r = new Array(a), t = 0; t < a; t++)
+      r[t] = arguments[t];
+    return r.length >= u.length ? u.apply(this, r) : function() {
+      for (var c = arguments.length, e = new Array(c), n = 0; n < c; n++)
+        e[n] = arguments[n];
+      return h.apply(i, [].concat(r, e));
+    };
+  };
+}
+export {
+  o as default
+};

package/dist/es/node_modules/.pnpm/@monaco-editor_loader@1.5.0/node_modules/@monaco-editor/loader/lib/es/utils/deepMerge.js

@@ -0,0 +1,9 @@
+import { objectSpread2 as i } from "../_virtual/_rollupPluginBabelHelpers.js";
+function a(t, f) {
+  return Object.keys(f).forEach(function(n) {
+    f[n] instanceof Object && t[n] && Object.assign(f[n], a(t[n], f[n]));
+  }), i(i({}, t), f);
+}
+export {
+  a as default
+};

package/dist/es/node_modules/.pnpm/@monaco-editor_loader@1.5.0/node_modules/@monaco-editor/loader/lib/es/utils/isObject.js

@@ -0,0 +1,6 @@
+function e(t) {
+  return {}.toString.call(t).includes("Object");
+}
+export {
+  e as default
+};

package/dist/es/node_modules/.pnpm/@monaco-editor_loader@1.5.0/node_modules/@monaco-editor/loader/lib/es/utils/makeCancelable.js

@@ -0,0 +1,18 @@
+var l = {
+  type: "cancelation",
+  msg: "operation is manually canceled"
+};
+function u(n) {
+  var a = !1, e = new Promise(function(c, t) {
+    n.then(function(r) {
+      return a ? t(l) : c(r);
+    }), n.catch(t);
+  });
+  return e.cancel = function() {
+    return a = !0;
+  }, e;
+}
+export {
+  l as CANCELATION_MESSAGE,
+  u as default
+};

package/dist/es/node_modules/.pnpm/@monaco-editor_loader@1.5.0/node_modules/@monaco-editor/loader/lib/es/validators/index.js

@@ -0,0 +1,37 @@
+import a from "../utils/curry.js";
+import t from "../utils/isObject.js";
+function i(o) {
+  return o || n("configIsRequired"), t(o) || n("configType"), o.urls ? (c(), {
+    paths: {
+      vs: o.urls.monacoBase
+    }
+  }) : o;
+}
+function c() {
+  console.warn(r.deprecation);
+}
+function u(o, e) {
+  throw new Error(o[e] || o.default);
+}
+var r = {
+  configIsRequired: "the configuration object is required",
+  configType: "the configuration object should be an object",
+  default: "an unknown error accured in `@monaco-editor/loader` package",
+  deprecation: `Deprecation warning!
+    You are using deprecated way of configuration.
+
+    Instead of using
+      monaco.config({ urls: { monacoBase: '...' } })
+    use
+      monaco.config({ paths: { vs: '...' } })
+
+    For more please check the link https://github.com/suren-atoyan/monaco-loader#config
+  `
+}, n = a(u)(r), d = {
+  config: i
+};
+export {
+  d as default,
+  n as errorHandler,
+  r as errorMessages
+};