antd-solid 0.0.12 → 0.0.14

package/es/Tree.js

@@ -1,198 +0,0 @@
-import { delegateEvents, createComponent, setAttribute, insert, effect, className, memo, template } from 'solid-js/web';
-import { isEmpty } from 'lodash-es';
-import { createContext, createSignal, createSelector, untrack, useContext, Index, Show } from 'solid-js';
-import cs from 'classnames';
-
-const _tmpl$ = /*#__PURE__*/template(`<span class="i-ant-design:minus-square-outlined">`),
-  _tmpl$2 = /*#__PURE__*/template(`<div><div class="flex-shrink-0" role="indent"></div><div class="ant-flex-shrink-0 ant-w-24px ant-h-24px ant-flex ant-items-center ant-justify-center"><span class="i-ant-design:holder-outlined"></span></div><div></div><div>`),
-  _tmpl$3 = /*#__PURE__*/template(`<span class="ant-inline-block ant-w-24px">`),
-  _tmpl$4 = /*#__PURE__*/template(`<span class="i-ant-design:plus-square-outlined">`);
-const TreeContext = createContext({});
-/**
- * 单层级 tree
- */
-function SingleLevelTree(props) {
-  const [expanded, setExpanded] = createSignal(props.defaultExpandAll);
-  const {
-    selectedNodes,
-    setSelectedNodes,
-    draggableNode,
-    setDraggableNode,
-    draggableIndexes,
-    setDraggableIndexes,
-    isDraggable,
-    targetNode,
-    setTargetNode,
-    targetIndexes,
-    setTargetIndexes,
-    isTarget,
-    draggable,
-    onDrop
-  } = useContext(TreeContext);
-  return createComponent(Index, {
-    get each() {
-      return props.treeData;
-    },
-    children: (item, i) => {
-      const indexes = [...(props.parentIndexes ?? []), i];
-      return [(() => {
-        const _el$ = _tmpl$2(),
-          _el$2 = _el$.firstChild,
-          _el$3 = _el$2.nextSibling,
-          _el$4 = _el$3.nextSibling,
-          _el$6 = _el$4.nextSibling;
-        _el$.addEventListener("dragend", () => {
-          onDrop?.({
-            dragNode: draggableNode(),
-            dragIndexes: draggableIndexes(),
-            targetNode: targetNode(),
-            targetIndexes: targetIndexes()
-          });
-          setDraggableNode(null);
-          setDraggableIndexes(null);
-          setTargetNode(null);
-          setTargetIndexes(null);
-        });
-        _el$.addEventListener("dragleave", e => {
-          if (item() === targetNode() && e.relatedTarget) {
-            setTargetNode(null);
-            setTargetIndexes(null);
-          }
-        });
-        _el$.addEventListener("dragenter", () => {
-          if (item() !== draggableNode()) {
-            setTargetNode(item());
-            setTargetIndexes(indexes);
-          }
-        });
-        _el$.addEventListener("dragstart", () => {
-          setDraggableNode(item());
-          setDraggableIndexes(indexes);
-        });
-        setAttribute(_el$, "draggable", draggable);
-        insert(_el$2, () => Array(props.indent).fill(0).map(() => _tmpl$3()));
-        insert(_el$4, createComponent(Show, {
-          get when() {
-            return expanded();
-          },
-          get fallback() {
-            return (() => {
-              const _el$8 = _tmpl$4();
-              _el$8.$$click = setExpanded;
-              _el$8.$$clickData = true;
-              return _el$8;
-            })();
-          },
-          get children() {
-            const _el$5 = _tmpl$();
-            _el$5.$$click = setExpanded;
-            _el$5.$$clickData = false;
-            return _el$5;
-          }
-        }));
-        _el$6.$$click = () => {
-          setSelectedNodes([item()]);
-          props.onSelect?.(item());
-        };
-        insert(_el$6, () => props.titleRender(item(), {
-          indexes
-        }));
-        effect(_p$ => {
-          const _v$ = cs('ant-flex ant-items-center ant-h-28px ant-pb-4px', isDraggable(item()) && 'ant-[border:1px_solid_var(--ant-color-primary)] ant-bg-white', draggableNode() && 'child[]:ant-pointer-events-none'),
-            _v$2 = cs('ant-flex-shrink-0 ant-w-24px ant-h-24px ant-flex ant-items-center ant-justify-center ant-cursor-pointer', isEmpty(props.children(item())) && 'opacity-0'),
-            _v$3 = cs('ant-h-full ant-leading-24px hover:ant-bg-[var(--hover-bg-color)] ant-rounded-1 ant-px-1 ant-cursor-pointer ant-relative', props.blockNode && 'w-full', selectedNodes()?.includes(item()) && '!ant-bg-[var(--ant-tree-node-selected-bg)]', isTarget(item()) && "before:ant-content-[''] before:ant-inline-block before:ant-w-8px before:ant-h-8px before:ant-absolute before:ant-bottom-0 before:ant-left-0 before:-ant-translate-x-full before:ant-translate-y-1/2 before:ant-rounded-1/2 before:ant-[border:2px_solid_var(--ant-color-primary)] after:ant-content-[''] after:ant-inline-block after:ant-h-2px after:ant-absolute after:ant-left-0 after:ant-right-0 after:ant-bottom--1px after:ant-bg-[var(--ant-color-primary)]");
-          _v$ !== _p$._v$ && className(_el$, _p$._v$ = _v$);
-          _v$2 !== _p$._v$2 && className(_el$4, _p$._v$2 = _v$2);
-          _v$3 !== _p$._v$3 && className(_el$6, _p$._v$3 = _v$3);
-          return _p$;
-        }, {
-          _v$: undefined,
-          _v$2: undefined,
-          _v$3: undefined
-        });
-        return _el$;
-      })(), createComponent(Show, {
-        get when() {
-          return memo(() => !!expanded())() && !isEmpty(props.children(item()));
-        },
-        get children() {
-          return createComponent(SingleLevelTree, {
-            get treeData() {
-              return props.children(item());
-            },
-            get indent() {
-              return props.indent + 1;
-            },
-            parentIndexes: indexes,
-            get blockNode() {
-              return props.blockNode;
-            },
-            get defaultExpandAll() {
-              return props.defaultExpandAll;
-            },
-            get titleRender() {
-              return props.titleRender;
-            },
-            get children() {
-              return props.children;
-            },
-            onSelect: node => untrack(() => props.onSelect?.(node))
-          });
-        }
-      })];
-    }
-  });
-}
-function Tree(props) {
-  const [selectedNodes, setSelectedNodes] = createSignal(props.defaultSelectedNodes ?? []);
-  const [draggableNode, setDraggableNode] = createSignal(null);
-  const isDraggable = createSelector(draggableNode);
-  const [draggableIndexes, setDraggableIndexes] = createSignal(null);
-  const [targetNode, setTargetNode] = createSignal(null);
-  const isTarget = createSelector(targetNode);
-  const [targetIndexes, setTargetIndexes] = createSignal(null);
-  return createComponent(TreeContext.Provider, {
-    get value() {
-      return {
-        selectedNodes,
-        setSelectedNodes: setSelectedNodes,
-        draggableNode,
-        setDraggableNode: setDraggableNode,
-        draggableIndexes,
-        setDraggableIndexes,
-        isDraggable,
-        targetNode,
-        setTargetNode: setTargetNode,
-        targetIndexes,
-        setTargetIndexes,
-        isTarget,
-        draggable: props.draggable,
-        onDrop: props.onDrop
-      };
-    },
-    get children() {
-      return createComponent(SingleLevelTree, {
-        get treeData() {
-          return props.treeData;
-        },
-        indent: 0,
-        get blockNode() {
-          return props.blockNode;
-        },
-        get defaultExpandAll() {
-          return props.defaultExpandAll;
-        },
-        get titleRender() {
-          return props.titleRender;
-        },
-        get children() {
-          return props.children;
-        },
-        onSelect: node => untrack(() => props.onSelect?.(node))
-      });
-    }
-  });
-}
-delegateEvents(["click"]);
-
-export { Tree as default };

package/es/Upload.js

@@ -1,96 +0,0 @@
-import { delegateEvents, insert, use, effect, className, setAttribute, template } from 'solid-js/web';
-import { nanoid } from 'nanoid';
-import { mergeProps, createSignal } from 'solid-js';
-
-const _tmpl$ = /*#__PURE__*/template(`<span><input class="hidden" type="file">`);
-function request(file, customRequest) {
-  const id = `upload-${nanoid()}`;
-  // eslint-disable-next-line solid/reactivity
-  const uploadFileSignal = createSignal({
-    id,
-    file,
-    name: file.name,
-    type: file.type,
-    size: file.size,
-    status: 'pending',
-    percent: 0
-  });
-  const [, setUploadFile] = uploadFileSignal;
-  customRequest?.({
-    file,
-    onProgress(event) {
-      setUploadFile(value => ({
-        ...value,
-        status: 'uploading',
-        percent: event.percent ?? 0
-      }));
-    },
-    onSuccess(response) {
-      setUploadFile(value => ({
-        ...value,
-        status: 'finished',
-        response
-      }));
-    },
-    onError() {
-      setUploadFile(value => ({
-        ...value,
-        status: 'error'
-      }));
-    }
-  });
-  return uploadFileSignal;
-}
-const Upload = _props => {
-  let input;
-  const props = mergeProps({
-    customRequest: ({
-      file,
-      onSuccess,
-      onError
-    }) => {
-      if (!_props.action) return;
-      const formData = new FormData();
-      formData.append('file', file);
-      fetch(_props.action, {
-        method: _props.method ?? 'post',
-        body: formData
-      }).then(onSuccess).catch(onError);
-    }
-  }, _props);
-  return (() => {
-    const _el$ = _tmpl$(),
-      _el$2 = _el$.firstChild;
-    _el$.$$click = () => input?.click();
-    insert(_el$, () => props.children, _el$2);
-    _el$2.$$input = e => {
-      const fileList = [];
-      for (const file of e.target.files ?? []) {
-        const uploadFileSignal = request(file, props.customRequest);
-        fileList.push(uploadFileSignal);
-      }
-      props.onAdd?.(fileList);
-      e.target.value = '';
-    };
-    const _ref$ = input;
-    typeof _ref$ === "function" ? use(_ref$, _el$2) : input = _el$2;
-    effect(_p$ => {
-      const _v$ = props.class,
-        _v$2 = props.accept,
-        _v$3 = props.multiple;
-      _v$ !== _p$._v$ && className(_el$, _p$._v$ = _v$);
-      _v$2 !== _p$._v$2 && setAttribute(_el$2, "accept", _p$._v$2 = _v$2);
-      _v$3 !== _p$._v$3 && (_el$2.multiple = _p$._v$3 = _v$3);
-      return _p$;
-    }, {
-      _v$: undefined,
-      _v$2: undefined,
-      _v$3: undefined
-    });
-    return _el$;
-  })();
-};
-Upload.request = request;
-delegateEvents(["click", "input"]);
-
-export { Upload as default };

package/es/hooks/createUpdateEffect.d.ts

@@ -1,5 +0,0 @@
-import type { Accessor, AccessorArray, NoInfer, OnEffectFunction } from 'solid-js';
-/**
- * 等同于 createEffect，但是会忽略首次执行，只在依赖更新时执行。
- */
-export default function createUpdateEffect<S, Next extends Prev, Prev = Next>(deps: AccessorArray<S> | Accessor<S>, fn: OnEffectFunction<S, undefined | NoInfer<Prev>, Next>): void;

package/es/hooks/createUpdateEffect.js

@@ -1,12 +0,0 @@
-import { createEffect, on } from 'solid-js';
-
-/**
- * 等同于 createEffect，但是会忽略首次执行，只在依赖更新时执行。
- */
-function createUpdateEffect(deps, fn) {
-  createEffect(on(deps, fn, {
-    defer: true
-  }));
-}
-
-export { createUpdateEffect as default };

package/es/utils/EventEmitter.d.ts

@@ -1,7 +0,0 @@
-type Subscription<T> = (val: T) => void;
-export default class EventEmitter<T> {
-    private readonly subscriptions;
-    emit: (val: T) => void;
-    subscription: (callback: Subscription<T>) => void;
-}
-export {};

package/es/utils/EventEmitter.js

@@ -1,13 +0,0 @@
-class EventEmitter {
-  subscriptions = new Set();
-  emit = val => {
-    for (const subscription of this.subscriptions) {
-      subscription(val);
-    }
-  };
-  subscription = callback => {
-    this.subscriptions.add(callback);
-  };
-}
-
-export { EventEmitter as default };

package/es/utils/ReactToSolid.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface ReactToSolidProps<P extends {} = {}> {
-    component: React.FunctionComponent<P> | React.ComponentClass<P>;
-    props: P;
-    container?: Element;
-}
-declare function ReactToSolid<P extends {} = {}>(props: ReactToSolidProps<P>): import("solid-js").JSX.Element;
-export default ReactToSolid;

package/es/utils/ReactToSolid.js

@@ -1,30 +0,0 @@
-import { template } from 'solid-js/web';
-import React from 'react';
-import { createRoot } from 'react-dom/client';
-import { createMemo, onMount, onCleanup, createEffect } from 'solid-js';
-
-const _tmpl$ = /*#__PURE__*/template(`<div role="ReactToSolid">`);
-function ReactToSolid(props) {
-  let root;
-  const rootEle = createMemo(() => props.container ?? _tmpl$());
-  onMount(() => {
-    root = createRoot(rootEle());
-    onCleanup(() => {
-      root.unmount();
-    });
-  });
-  createEffect(() => {
-    root.render(React.createElement(props.component, {
-      ...props.props
-    }));
-  });
-  // if (import.meta.env.SSR) {
-  //   // eslint-disable-next-line solid/reactivity
-  //   const node = React.createElement(props.component, { ...props.props })
-  //   // eslint-disable-next-line solid/components-return-once, solid/no-innerhtml
-  //   return <div innerHTML={renderToString(node)} />
-  // }
-  return rootEle;
-}
-
-export { ReactToSolid as default };

package/es/utils/SolidToReact.d.ts

@@ -1,8 +0,0 @@
-import { type FunctionComponent, type ReactElement } from 'react';
-import { type JSX } from 'solid-js';
-export interface SolidToReactProps {
-    children?: JSX.Element;
-    container?: ReactElement;
-}
-declare const SolidToReact: FunctionComponent<SolidToReactProps>;
-export default SolidToReact;

package/es/utils/SolidToReact.js

@@ -1,23 +0,0 @@
-import React, { useRef, useEffect } from 'react';
-import { render } from 'solid-js/web';
-
-const SolidToReact = ({
-  children,
-  container
-}) => {
-  const ref = useRef();
-  useEffect(() => render(() => children, ref.current), []);
-  // if (import.meta.env.SSR) {
-  //   return React.createElement('div', {
-  //     dangerouslySetInnerHTML: { __html: renderToString(() => children) },
-  //   })
-  // }
-  return container ? React.cloneElement(container, {
-    ref
-  }) : React.createElement('div', {
-    ref,
-    role: 'SolidToReact'
-  });
-};
-
-export { SolidToReact as default };

package/es/utils/component.d.ts

@@ -1,31 +0,0 @@
-import React from 'react';
-import { type Component, type JSXElement } from 'solid-js';
-import { type ConfigProviderProps } from 'antd/es/config-provider';
-/**
- * 将组件 props 中的 className 替换为 class
- * @param C
- * @returns
- */
-export declare function replaceClassName<T extends {
-    className?: string;
-}, Target extends Omit<T, 'className'> & {
-    class?: string;
-}>(C: Component<T>): Component<Target>;
-/**
- * 将组件 props 中的 children 替换为 JSXElement
- * @param C
- * @returns
- */
-export declare function replaceChildren<T extends {
-    children?: React.ReactNode;
-}, Target extends Omit<T, 'children'> & {
-    children?: JSXElement;
-}>(C: Component<T>): Component<Target>;
-export declare function reactToSolidComponent<P extends {} = {}>(component: React.FunctionComponent<P> | React.ComponentClass<P>, container?: Element | (() => Element)): (props: P) => import("solid-js").JSX.Element;
-/**
- * 返回被 ConfigProvider 包裹后的 component
- * @param component
- * @param configProviderProps
- * @returns
- */
-export declare function configProvider<P extends {} = {}>(component: React.FunctionComponent<P> | React.ComponentClass<P>, configProviderProps?: ConfigProviderProps): (props: P) => React.FunctionComponentElement<ConfigProviderProps>;

package/es/utils/component.js

@@ -1,68 +0,0 @@
-import { createComponent, mergeProps } from 'solid-js/web';
-import React from 'react';
-import { createMemo } from 'solid-js';
-import { omit } from 'lodash-es';
-import { solidToReact } from './solid.js';
-import ReactToSolid from './ReactToSolid.js';
-import { ConfigProvider } from 'antd';
-import zhCN from './zh_CN.js';
-
-/**
- * 将组件 props 中的 className 替换为 class
- * @param C
- * @returns
- */
-function replaceClassName(C) {
-  return function (_props) {
-    const props = createMemo(() => {
-      return {
-        ...omit(_props, 'class'),
-        className: _props.class
-      };
-    });
-    return createComponent(C, mergeProps(props));
-  };
-}
-/**
- * 将组件 props 中的 children 替换为 JSXElement
- * @param C
- * @returns
- */
-function replaceChildren(C) {
-  return function (_props) {
-    const props = createMemo(() => {
-      return {
-        ..._props,
-        children: solidToReact(_props.children)
-      };
-    });
-    return createComponent(C, mergeProps(props));
-  };
-}
-function reactToSolidComponent(component, container) {
-  return function (props) {
-    return createComponent(ReactToSolid, {
-      component: component,
-      props: props,
-      get container() {
-        return typeof container === 'function' ? container() : container;
-      }
-    });
-  };
-}
-/**
- * 返回被 ConfigProvider 包裹后的 component
- * @param component
- * @param configProviderProps
- * @returns
- */
-function configProvider(component, configProviderProps) {
-  return function (props) {
-    return React.createElement(ConfigProvider, {
-      locale: zhCN,
-      ...configProviderProps
-    }, React.createElement(component, props));
-  };
-}
-
-export { configProvider, reactToSolidComponent, replaceChildren, replaceClassName };

package/es/utils/zh_CN.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("antd/es/locale").Locale | undefined;
-export default _default;