@rockshin/tao-ui 0.0.1

package/dist/provider/tao-provider.js

@@ -0,0 +1,67 @@
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from "react";
+const TaoConfigContext = /*#__PURE__*/ createContext({
+    size: 'medium',
+    disabled: false,
+    variant: 'outlined'
+});
+function useTaoConfig() {
+    return useContext(TaoConfigContext);
+}
+const TOKEN_TO_VAR = {
+    colorPrimary: '--tao-color-primary',
+    colorSuccess: '--tao-color-success',
+    colorWarning: '--tao-color-warning',
+    colorError: '--tao-color-error',
+    colorBgBase: '--tao-color-bg-base',
+    colorTextBase: '--tao-color-text-base',
+    fontFamily: '--tao-font-family',
+    fontFamilyCode: '--tao-font-family-code'
+};
+const TOKEN_TO_VAR_PX = {
+    borderRadius: '--tao-radius',
+    fontSize: '--tao-font-size',
+    controlHeight: '--tao-control-height',
+    sizeUnit: '--tao-size-unit',
+    lineWidth: '--tao-line-width'
+};
+function TaoProvider({ theme, size, disabled, variant, children }) {
+    const parentConfig = useContext(TaoConfigContext);
+    const inherit = theme?.inherit ?? true;
+    const config = useMemo(()=>({
+            size: size ?? (inherit ? parentConfig.size : 'medium'),
+            disabled: disabled ?? (inherit ? parentConfig.disabled : false),
+            variant: variant ?? (inherit ? parentConfig.variant : 'outlined')
+        }), [
+        size,
+        disabled,
+        variant,
+        parentConfig,
+        inherit
+    ]);
+    const style = useMemo(()=>{
+        if (!theme?.token) return;
+        const vars = {};
+        const t = theme.token;
+        for (const [key, varName] of Object.entries(TOKEN_TO_VAR)){
+            const val = t[key];
+            if (null != val) vars[varName] = String(val);
+        }
+        for (const [key_0, varName_0] of Object.entries(TOKEN_TO_VAR_PX)){
+            const val_0 = t[key_0];
+            if (null != val_0) vars[varName_0] = `${val_0}px`;
+        }
+        return vars;
+    }, [
+        theme?.token
+    ]);
+    return /*#__PURE__*/ jsx(TaoConfigContext.Provider, {
+        value: config,
+        children: /*#__PURE__*/ jsx("div", {
+            style: style,
+            "data-tao-provider": "",
+            children: children
+        })
+    });
+}
+export { TaoProvider, useTaoConfig };