@taicode/common-web 1.0.5 → 1.1.0

package/source/catalyst/table.tsx

@@ -1,124 +0,0 @@
-'use client'
-
-import clsx from 'clsx'
-import type React from 'react'
-import { createContext, useContext, useState } from 'react'
-import { Link } from './link'
-
-const TableContext = createContext<{ bleed: boolean; dense: boolean; grid: boolean; striped: boolean }>({
-  bleed: false,
-  dense: false,
-  grid: false,
-  striped: false,
-})
-
-export function Table({
-  bleed = false,
-  dense = false,
-  grid = false,
-  striped = false,
-  className,
-  children,
-  ...props
-}: { bleed?: boolean; dense?: boolean; grid?: boolean; striped?: boolean } & React.ComponentPropsWithoutRef<'div'>) {
-  return (
-    <TableContext.Provider value={{ bleed, dense, grid, striped } as React.ContextType<typeof TableContext>}>
-      <div className="flow-root">
-        <div {...props} className={clsx(className, '-mx-(--gutter) overflow-x-auto whitespace-nowrap')}>
-          <div className={clsx('inline-block min-w-full align-middle', !bleed && 'sm:px-(--gutter)')}>
-            <table className="min-w-full text-left text-sm/6 text-zinc-950 dark:text-white">{children}</table>
-          </div>
-        </div>
-      </div>
-    </TableContext.Provider>
-  )
-}
-
-export function TableHead({ className, ...props }: React.ComponentPropsWithoutRef<'thead'>) {
-  return <thead {...props} className={clsx(className, 'text-zinc-500 dark:text-zinc-400')} />
-}
-
-export function TableBody(props: React.ComponentPropsWithoutRef<'tbody'>) {
-  return <tbody {...props} />
-}
-
-const TableRowContext = createContext<{ href?: string; target?: string; title?: string }>({
-  href: undefined,
-  target: undefined,
-  title: undefined,
-})
-
-export function TableRow({
-  href,
-  target,
-  title,
-  className,
-  ...props
-}: { href?: string; target?: string; title?: string } & React.ComponentPropsWithoutRef<'tr'>) {
-  let { striped } = useContext(TableContext)
-
-  return (
-    <TableRowContext.Provider value={{ href, target, title } as React.ContextType<typeof TableRowContext>}>
-      <tr
-        {...props}
-        className={clsx(
-          className,
-          href &&
-            'has-[[data-row-link][data-focus]]:outline-2 has-[[data-row-link][data-focus]]:-outline-offset-2 has-[[data-row-link][data-focus]]:outline-blue-500 dark:focus-within:bg-white/2.5',
-          striped && 'even:bg-zinc-950/2.5 dark:even:bg-white/2.5',
-          href && striped && 'hover:bg-zinc-950/5 dark:hover:bg-white/5',
-          href && !striped && 'hover:bg-zinc-950/2.5 dark:hover:bg-white/2.5'
-        )}
-      />
-    </TableRowContext.Provider>
-  )
-}
-
-export function TableHeader({ className, ...props }: React.ComponentPropsWithoutRef<'th'>) {
-  let { bleed, grid } = useContext(TableContext)
-
-  return (
-    <th
-      {...props}
-      className={clsx(
-        className,
-        'border-b border-b-zinc-950/10 px-4 py-2 font-medium first:pl-(--gutter,--spacing(2)) last:pr-(--gutter,--spacing(2)) dark:border-b-white/10',
-        grid && 'border-l border-l-zinc-950/5 first:border-l-0 dark:border-l-white/5',
-        !bleed && 'sm:first:pl-1 sm:last:pr-1'
-      )}
-    />
-  )
-}
-
-export function TableCell({ className, children, ...props }: React.ComponentPropsWithoutRef<'td'>) {
-  let { bleed, dense, grid, striped } = useContext(TableContext)
-  let { href, target, title } = useContext(TableRowContext)
-  let [cellRef, setCellRef] = useState<HTMLElement | null>(null)
-
-  return (
-    <td
-      ref={href ? setCellRef : undefined}
-      {...props}
-      className={clsx(
-        className,
-        'relative px-4 first:pl-(--gutter,--spacing(2)) last:pr-(--gutter,--spacing(2))',
-        !striped && 'border-b border-zinc-950/5 dark:border-white/5',
-        grid && 'border-l border-l-zinc-950/5 first:border-l-0 dark:border-l-white/5',
-        dense ? 'py-2.5' : 'py-4',
-        !bleed && 'sm:first:pl-1 sm:last:pr-1'
-      )}
-    >
-      {href && (
-        <Link
-          data-row-link
-          href={href}
-          target={target}
-          aria-label={title}
-          tabIndex={cellRef?.previousElementSibling === null ? 0 : -1}
-          className="absolute inset-0 focus:outline-hidden"
-        />
-      )}
-      {children}
-    </td>
-  )
-}

package/source/catalyst/text.tsx

@@ -1,40 +0,0 @@
-import clsx from 'clsx'
-import { Link } from './link'
-
-export function Text({ className, ...props }: React.ComponentPropsWithoutRef<'p'>) {
-  return (
-    <p
-      data-slot="text"
-      {...props}
-      className={clsx(className, 'text-base/6 text-zinc-500 sm:text-sm/6 dark:text-zinc-400')}
-    />
-  )
-}
-
-export function TextLink({ className, ...props }: React.ComponentPropsWithoutRef<typeof Link>) {
-  return (
-    <Link
-      {...props}
-      className={clsx(
-        className,
-        'text-zinc-950 underline decoration-zinc-950/50 data-hover:decoration-zinc-950 dark:text-white dark:decoration-white/50 dark:data-hover:decoration-white'
-      )}
-    />
-  )
-}
-
-export function Strong({ className, ...props }: React.ComponentPropsWithoutRef<'strong'>) {
-  return <strong {...props} className={clsx(className, 'font-medium text-zinc-950 dark:text-white')} />
-}
-
-export function Code({ className, ...props }: React.ComponentPropsWithoutRef<'code'>) {
-  return (
-    <code
-      {...props}
-      className={clsx(
-        className,
-        'rounded-sm border border-zinc-950/10 bg-zinc-950/2.5 px-0.5 text-sm font-medium text-zinc-950 sm:text-[0.8125rem] dark:border-white/20 dark:bg-white/5 dark:text-white'
-      )}
-    />
-  )
-}

package/source/catalyst/textarea.tsx

@@ -1,54 +0,0 @@
-import * as Headless from '@headlessui/react'
-import clsx from 'clsx'
-import React, { forwardRef } from 'react'
-
-export const Textarea = forwardRef(function Textarea(
-  {
-    className,
-    resizable = true,
-    ...props
-  }: { className?: string; resizable?: boolean } & Omit<Headless.TextareaProps, 'as' | 'className'>,
-  ref: React.ForwardedRef<HTMLTextAreaElement>
-) {
-  return (
-    <span
-      data-slot="control"
-      className={clsx([
-        className,
-        // Basic layout
-        'relative block w-full',
-        // Background color + shadow applied to inset pseudo element, so shadow blends with border in light mode
-        'before:absolute before:inset-px before:rounded-[calc(var(--radius-lg)-1px)] before:bg-white before:shadow-sm',
-        // Background color is moved to control and shadow is removed in dark mode so hide `before` pseudo
-        'dark:before:hidden',
-        // Focus ring
-        'after:pointer-events-none after:absolute after:inset-0 after:rounded-lg after:ring-transparent after:ring-inset sm:focus-within:after:ring-2 sm:focus-within:after:ring-blue-500',
-        // Disabled state
-        'has-data-disabled:opacity-50 has-data-disabled:before:bg-zinc-950/5 has-data-disabled:before:shadow-none',
-      ])}
-    >
-      <Headless.Textarea
-        ref={ref}
-        {...props}
-        className={clsx([
-          // Basic layout
-          'relative block h-full w-full appearance-none rounded-lg px-[calc(--spacing(3.5)-1px)] py-[calc(--spacing(2.5)-1px)] sm:px-[calc(--spacing(3)-1px)] sm:py-[calc(--spacing(1.5)-1px)]',
-          // Typography
-          'text-base/6 text-zinc-950 placeholder:text-zinc-500 sm:text-sm/6 dark:text-white',
-          // Border
-          'border border-zinc-950/10 data-hover:border-zinc-950/20 dark:border-white/10 dark:data-hover:border-white/20',
-          // Background color
-          'bg-transparent dark:bg-white/5',
-          // Hide default focus styles
-          'focus:outline-hidden',
-          // Invalid state
-          'data-invalid:border-red-500 data-invalid:data-hover:border-red-500 dark:data-invalid:border-red-600 dark:data-invalid:data-hover:border-red-600',
-          // Disabled state
-          'disabled:border-zinc-950/20 dark:disabled:border-white/15 dark:disabled:bg-white/2.5 dark:data-hover:disabled:border-white/15',
-          // Resizable
-          resizable ? 'resize-y' : 'resize-none',
-        ])}
-      />
-    </span>
-  )
-})

package/source/hooks/mobx.d.ts

@@ -1,3 +0,0 @@
-export declare function useObserver<T>(initialValue: T): T;
-export declare function useObserver<T, U>(initialValue: T, selector: (v: T) => U): U;
-//# sourceMappingURL=mobx.d.ts.map

package/source/hooks/mobx.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"mobx.d.ts","sourceRoot":"","sources":["mobx.ts"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,GAAG,CAAC,CAAA;AAClD,wBAAgB,WAAW,CAAC,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA"}

package/source/hooks/mobx.js

@@ -1,16 +0,0 @@
-import { reaction } from 'mobx';
-import React, { useState } from 'react';
-export function useObserver(initialValue, selector) {
-    const [, refresh] = useState({});
-    React.useEffect(() => {
-        if (initialValue == null)
-            return;
-        if (selector == null)
-            return;
-        return reaction(() => selector(initialValue), () => refresh({}));
-    }, [selector, initialValue]);
-    if (selector == null) {
-        return initialValue;
-    }
-    return selector(initialValue);
-}

package/source/hooks/mobx.ts

@@ -1,24 +0,0 @@
-import { reaction } from 'mobx'
-import React, { useState } from 'react'
-
-export function useObserver<T>(initialValue: T): T
-export function useObserver<T, U>(initialValue: T, selector: (v: T) => U): U
-export function useObserver<T, U>(initialValue: T, selector?: (v: T) => U): U | T {
-  const [, refresh] = useState({})
-
-  React.useEffect(() => {
-    if (initialValue == null) return
-    if (selector == null) return
-    return reaction(
-      () => selector(initialValue),
-      () => refresh({})
-    )
-  }, [selector, initialValue])
-
-
-  if (selector == null) {
-    return initialValue as T
-  }
-
-  return selector(initialValue)
-}

package/source/utils/cache/aside.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"aside.d.ts","sourceRoot":"","sources":["aside.ts"],"names":[],"mappings":"AAOA,qBAAa,UAAU,CAAC,CAAC;IAEvB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAsB;IAGjD,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAoC;IAE1D,IACW,KAAK,IAAI,CAAC,GAAG,IAAI,CAG3B;IAGY,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC;CAiBrH"}

package/source/utils/cache/aside.js

@@ -1,106 +0,0 @@
-var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
-    var useValue = arguments.length > 2;
-    for (var i = 0; i < initializers.length; i++) {
-        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
-    }
-    return useValue ? value : void 0;
-};
-var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
-    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
-    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
-    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
-    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
-    var _, done = false;
-    for (var i = decorators.length - 1; i >= 0; i--) {
-        var context = {};
-        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
-        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
-        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
-        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
-        if (kind === "accessor") {
-            if (result === void 0) continue;
-            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
-            if (_ = accept(result.get)) descriptor.get = _;
-            if (_ = accept(result.set)) descriptor.set = _;
-            if (_ = accept(result.init)) initializers.unshift(_);
-        }
-        else if (_ = accept(result)) {
-            if (kind === "field") initializers.unshift(_);
-            else descriptor[key] = _;
-        }
-    }
-    if (target) Object.defineProperty(target, contextIn.name, descriptor);
-    done = true;
-};
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-import { action, computed, observable, runInAction } from 'mobx';
-let AsideCache = (() => {
-    var _a, _AsideCache_currentKey_accessor_storage, _AsideCache_cache_accessor_storage;
-    var _b, _c;
-    let _instanceExtraInitializers = [];
-    let _currentKey_decorators;
-    let _currentKey_initializers = [];
-    let _currentKey_extraInitializers = [];
-    let _cache_decorators;
-    let _cache_initializers = [];
-    let _cache_extraInitializers = [];
-    let _get_value_decorators;
-    let _handle_decorators;
-    return _a = class AsideCache {
-            get currentKey() { return __classPrivateFieldGet(this, _AsideCache_currentKey_accessor_storage, "f"); }
-            set currentKey(value) { __classPrivateFieldSet(this, _AsideCache_currentKey_accessor_storage, value, "f"); }
-            get cache() { return __classPrivateFieldGet(this, _AsideCache_cache_accessor_storage, "f"); }
-            set cache(value) { __classPrivateFieldSet(this, _AsideCache_cache_accessor_storage, value, "f"); }
-            get value() {
-                var _b;
-                if (this.currentKey == null)
-                    return null;
-                return ((_b = this.cache[this.currentKey]) === null || _b === void 0 ? void 0 : _b.data) || null;
-            }
-            async handle(key, func) {
-                const keyStringify = JSON.stringify(key); // 不需要跨设备、软件一致，所以直接用 JSON.stringify
-                runInAction(() => this.currentKey = keyStringify);
-                const funcReturn = await func();
-                if (funcReturn == null)
-                    return funcReturn;
-                runInAction(() => {
-                    this.cache = Object.assign(Object.assign({}, this.cache), { [keyStringify]: {
-                            data: funcReturn,
-                            createTime: new Date().toISOString()
-                        } });
-                });
-                return funcReturn;
-            }
-            constructor() {
-                _AsideCache_currentKey_accessor_storage.set(this, (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _currentKey_initializers, null)));
-                _AsideCache_cache_accessor_storage.set(this, (__runInitializers(this, _currentKey_extraInitializers), __runInitializers(this, _cache_initializers, {})));
-                __runInitializers(this, _cache_extraInitializers);
-            }
-        },
-        _AsideCache_currentKey_accessor_storage = new WeakMap(),
-        _AsideCache_cache_accessor_storage = new WeakMap(),
-        (() => {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(null) : void 0;
-            _currentKey_decorators = [observable];
-            _cache_decorators = [(_b = observable).ref.bind(_b)];
-            _get_value_decorators = [computed];
-            _handle_decorators = [(_c = action).bound.bind(_c)];
-            __esDecorate(_a, null, _currentKey_decorators, { kind: "accessor", name: "currentKey", static: false, private: false, access: { has: obj => "currentKey" in obj, get: obj => obj.currentKey, set: (obj, value) => { obj.currentKey = value; } }, metadata: _metadata }, _currentKey_initializers, _currentKey_extraInitializers);
-            __esDecorate(_a, null, _cache_decorators, { kind: "accessor", name: "cache", static: false, private: false, access: { has: obj => "cache" in obj, get: obj => obj.cache, set: (obj, value) => { obj.cache = value; } }, metadata: _metadata }, _cache_initializers, _cache_extraInitializers);
-            __esDecorate(_a, null, _get_value_decorators, { kind: "getter", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value }, metadata: _metadata }, null, _instanceExtraInitializers);
-            __esDecorate(_a, null, _handle_decorators, { kind: "method", name: "handle", static: false, private: false, access: { has: obj => "handle" in obj, get: obj => obj.handle }, metadata: _metadata }, null, _instanceExtraInitializers);
-            if (_metadata) Object.defineProperty(_a, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        })(),
-        _a;
-})();
-export { AsideCache };

package/source/utils/cache/aside.ts

@@ -1,39 +0,0 @@
-import { action, computed, observable, runInAction } from 'mobx'
-
-interface CacheValue<T> {
-  data: T
-  createTime: string
-}
-
-export class AsideCache<T> {
-  @observable
-  private accessor currentKey: string | null = null
-
-  @observable.ref
-  private accessor cache: Record<string, CacheValue<T>> = {}
-
-  @computed
-  public get value(): T | null {
-    if (this.currentKey == null) return null
-    return this.cache[this.currentKey]?.data || null
-  }
-
-  @action.bound
-  public async handle<F extends ((...args: unknown[]) => Promise<T | null>)>(key: unknown, func: F): Promise<T | null> {
-    const keyStringify = JSON.stringify(key) // 不需要跨设备、软件一致，所以直接用 JSON.stringify
-    runInAction(() => this.currentKey = keyStringify)
-    const funcReturn = await func()
-    if (funcReturn == null) return funcReturn
-    runInAction(() => {
-      this.cache = {
-        ...this.cache,
-        [keyStringify]: {
-          data: funcReturn,
-          createTime: new Date().toISOString()
-        }
-      }
-    })
-
-    return funcReturn
-  }
-}

package/source/utils/cache/index.d.ts

@@ -1,2 +0,0 @@
-export { AsideCache } from './aside';
-//# sourceMappingURL=index.d.ts.map

package/source/utils/cache/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}

package/source/utils/cache/index.js

@@ -1 +0,0 @@
-export { AsideCache } from './aside';

package/source/utils/cache/index.ts

@@ -1 +0,0 @@
-export { AsideCache } from './aside'